@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --main-color: #1A7499;
    --Background-color: #fff4bb;
}

.philosopher-regular {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}

.text {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: black;
}

.form-check-input {
    display: inline-block !important;
    opacity: 1 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 1rem;
    height: 1rem;
}

.card-details {
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal; /* allow wrapping */
    word-break: normal; /* DO NOT break words */
    overflow-wrap: break-word; /* break only if word is too long */
}

    .card-details span {
        white-space: normal;
        word-break: normal;
    }

.text-brown {
    color: #5C4033; /* warm brown */
}


.accordion-item .form-check-input {
    position: static !important;
    width: 1rem !important;
    height: 1rem !important;
    opacity: 1 !important;
}




.philosopher-bold {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 700;
    font-style: normal;
    font-size: 55px;
    color: #6a1818;
    text-align: initial;
}

.philosopher-regular-italic {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 400;
    font-style: italic;
    font-size: 35px;
    text-align: initial;
}

.philosopher-bold-italic {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 700;
    font-style: italic;
}

/* -----DefaultSettings--------------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
/*    font-family: "Philosopher", sans-serif;*/
    font-size: 16px;
    box-sizing: border-box;
}

.mainHeading-Bg {
    background-color: #FFFDD0
}

.modal-content-select {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 129%;
    background-image: url('../images/b6.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 3rem;
    margin: 5px 5px 4px -1px; /*top left botton right*/
}

    .modal-content-select .dropdown-item {
        margin: 0px 5px 0 2px;
    }

.inner-birthdata {
    background-color: rgb(255,238,196);
    background: rgba(255, 238,196, 0.8);
}

.register-font {
    font-size: 18px;
}

.inner-birthdata-land {
    background: rgba(0, 0, 0, 0.5);
}

.birthdata-card {
    background-color: rgb(251,251,251);
    background: rgba(251, 251, 251, 0.9);
    border-radius: 10px;
}

.img-fluid-monk {
    width: 55%;
    margin: auto;
    display: block;
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
}

.Span {
/*    font-family: "Philosopher", sans-serif;*/
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    color: darkred;
    text-align: initial;
}

.astro-analysis {
    border-radius: 10px;
    border:1px solid orange;
/*    background-color: rgb(248,204,29);*/
    background: rgba(248, 204, 29, 0.7);
    color:red;
}
/*==========Generate Premium Kundli With======================*/
.header {
    padding: 10px 16px;
    background-color: #6a1818;
    color: #f1f1f1;
    z-index: 1;
}

.content {
    padding: 0px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .content {
        padding-top: 50px;
    }

.div-Astrologer {
    padding: 20px;
    height: 100%;
}

.Zodic {
    width: 100%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 10s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}
/*=========================*/

.img-astro {
    width: 100%;
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
}

@keyframes up-down {
    0% {
        transform: translate(1px,20px);
    }

    24% {
        transform: translate(1px,30px);
    }

    50% {
        transform: translate(1px,12px);
    }

    74% {
        transform: translate(1px,22px);
    }

    100% {
        transform: translate(1px,22px);
    }
}

.btn-grad {
    background-image: linear-gradient(to right, #ffb347 0%, #ffcc33 51%, #ffb347 100%);
    margin: 10px;
    padding: 10px 35px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: black;
    border-radius: 10px;
    display: block;
}

    .btn-grad:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }


.Banner-footer {
    padding-top: 20px;
    background: black;
    color: whitesmoke;
}

.Banner-horo-report {
    background-image: url('../images/a1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-horo-bg {
    background-color: rgb(225,165,0);
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.inner-horo-report {
    background-color: rgb(0,0,0);
    background: rgba(0, 0, 0, 0.6);
    color: whitesmoke;
}

.banner-buy {
    background-position: center;
    background-image: url('../images/bannerstar1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.background-jaman {
    background: rgba(251, 251, 251, 0.3);
    color: whitesmoke;
}


.book {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
}

/*------------Book animation---------------------*/
@keyframes up-down {
    0% {
        transform: translate(1px,20px);
    }

    24% {
        transform: translate(1px,30px);
    }

    50% {
        transform: translate(1px,12px);
    }

    74% {
        transform: translate(1px,22px);
    }

    100% {
        transform: translate(1px,22px);
    }
}

/*======Banner-buy=============*/
.Banner-buy {
    background-image: url('../images/bg-about.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    border-radius: 20px;
    margin: 20px,20px;
}
/*============Step=======================*/
.Banner-steps {
    background-image: url('../images/bg-about.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}

.Step {
    border: 2px solid white;
    padding: 25px;
    font-size: 35px;
    color: goldenrod;
    border-radius: 50px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

    .Step:hover {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }


/*============Testimonial=======================*/
.Testimonical-inner {
    border: .5px dotted darkred;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 20px;
}

.icon-t {
    font-size: 100px;
    color: darkred
}

/*==================*/
.banner-3 {
    background-image: url(../Images/Banner1.jpg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

.Banner-3-inner {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    color: #f1f1f1;
}

.count {
    color: gold;
    font-weight: bold;
}

.Statistics {
    margin-top: 20px;
    border: 1px dashed white;
    padding: 20px;
}
/*==========FAQ==============*/
.accordion {
    display: flex;
    flex-direction: column;
/*    font-family: "Sora", sans-serif;*/
    max-width: 991px;
    min-width: 320px;
    margin: 0 auto;
}

.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

    .accordion-item .accordion-item-title {
        position: relative;
        margin: 0;
        display: flex;
        width: 100%;
        font-size: 15px;
        cursor: pointer;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 14px 20px;
        box-sizing: border-box;
        align-items: center;
        background-color: #fbdd69;
    }

    .accordion-item .accordion-item-desc {
        display: none;
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
        color: #444;
        border-top: 1px dashed darkred;
        padding: 10px 20px 20px;
        box-sizing: border-box;
    }
    /* Hide ONLY custom FAQ accordion checkboxes, not Bootstrap ones */
    .accordion-item input[type="checkbox"]:not(.form-check-input) {
        position: absolute;
        height: 0;
        width: 0;
    }


    .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
        display: block;
    }

    .accordion-item
    input[type="checkbox"]:checked ~ .accordion-item-title
    .icon:after {
        content: "-";
        font-size: 20px;
    }

    .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
        content: "+";
        font-size: 20px;
    }

    .accordion-item:first-child {
        margin-top: 0;
    }

    .accordion-item .icon {
        margin-left: 14px;
    }

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

        .accordion h1 {
            font-size: 22px;
        }
}

/*=========end faq============*/




.Worksheets-btn {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 0.5px solid goldenrod;
    background-color: lightgoldenrodyellow;
    background-attachment: fixed;
    height: 5rem;
}

    .Worksheets-btn:hover {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    }

.user-card {
    border: 3px solid #FFAA1D;
    border-radius: 10px;
}

@media screen and (min-width: 320px) {
    .Header-banner {
        padding: 0;
        margin: 0;
        background-image: url('../images/bgspace.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media screen and (min-width: 1200px) {
    .Header-banner {
        padding: 0;
        margin: 0;
        height: 100%;
        background-image: url('../images/bgspace.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

@media screen and (min-width: 768px) {
    .Header-banner {
        padding: 0;
        margin: 0;
        height: 100%;
        background-image: url('../images/bgspace.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
}

.content {
    width: 95%;
    margin: auto;
    clear: both;
    overflow: hidden;
    margin-top: 110px;
}

h1 {
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.leftCol {
    width: 80%;
    min-width: 500px;
}

.rightCol {
    width: 19%;
    float: left;
    margin-left: 10px;
    overflow: hidden;
    /*min-width:240px;*/
}

.border {
    border: 1px solid red; /*TestingBorder*/
}

.overflow {
    overflow: hidden;
}

.leftPos {
    float: left;
}

.rightPos {
    float: right;
}

.clear {
    clear: both;
}

.underline {
    text-decoration: none;
}

.align {
    text-align: center;
}


/* -----FontSize--------------------------------*/
.fsHead {
    font-size: 2.75em;
}

.fsSubhead {
    font-size: 1.9em;
}

.fsNormal {
    font-size: 1.2em;
}

.fsSmall {
    font-size: 1em; /*1.12em*/
}

.fsDate {
    font-size: .85em;
    color: red;
}

/* -----HyperLinks--------------------------------*/
a {
    text-decoration: none;
    color: black;
}

/* -----colors/Bg--------------------------------*/

.bgpurple {
    background: #8a4a86;
}

/* -----admin-------------------------------------------------------------------------------*/
.adminHome {
    padding: 20px;
    overflow: hidden;
    margin: auto;
    font-size: 1.9em;
}

.bgadmin {
    background: #eeeeee;
}

.bgAdminseo {
    background: #e2e2e2;
}

.festList {
    background: white;
    margin-left: 10px;
    width: 400px;
}

/* -----DefaultPage-------------------------------------------------------------------------------*/
.PanchTbl {
    width: 78px;
}

.panchangTile {
    width: 190px;
    font-size: 1.2em;
    color: white;
    float: left;
    margin: 4px 5px 5px 5px;
    padding: 5px 0;
    overflow: hidden;
}

.panchangLabel {
    width: 48%;
    float: left;
    font-size: .9em;
    font-weight: 500;
}

.panchvalues {
    font-size: .9em;
    font-weight: normal
}

.panchText {
    margin-left: 15px;
    float: left;
    width: 30%;
}

.mainPanchangOuter {
    width: 730px;
    background: rgba(62, 3, 86, 0.53);
    overflow: hidden;
    float: left;
    padding: 0 0 0 15px;
}

.topKundli {
    float: left;
    /*background:white;*/
    overflow: hidden;
    padding: 15px 0 0 8px;
    /* height:270px;*/
}



.panchangOuter {
    width: 70%;
    margin-left: 10px;
    overflow: hidden;
    color: white;
    float: left;
}

.astroheading {
    font-size: 2.75em;
    text-align: center;
    padding: 15px 0 0 0;
}

.welcomePartwidth {
    width: 40%;
    float: left;
    overflow: hidden;
    margin-left: 5px;
}

.welcomePart {
    line-height: 1.6;
    padding: 15px;
    background: rgba(243, 218, 252, 0.92);
    border-radius: 20px;
    font-size: 1em;
    /*width: 92%;*/
    overflow: hidden;
    text-align: justify;
}


.outerCont {
    overflow: auto;
    clear: both;
    margin-top: 5px;
}

.XlargeOuterCont {
    overflow: hidden;
    padding: 5px;
    margin-top: 8px;
    color: white;
}

.getpredOuter {
    float: left;
    color: #033769;
    overflow: hidden;
}

.getPredBtnsOuter {
    overflow: hidden;
    margin-top: 5px;
}

.birthLeft {
    float: left;
    width: 40%;
    color: rgba(62, 3, 86, 0.97);
    padding: 5px;
    margin-left: 20px;
    font-size: 2em;
}

.BgHeading {
    background: black;
    color: white;
    padding: 2px 5px;
    font-size: 1.12em;
}

.SmlTile {
    width: 24%;
    min-width: 180px;
    /*max-width:40%;*/
    height: 160px;
    margin-left: 10px;
    font-size: 1.37em;
    font-weight: 500;
    color: #680000;
    overflow: auto;
    margin-top: 10px;
    text-align: center;
    float: left;
}

.imgTile {
    /*width:40%;*/
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.largTiletxt {
    margin-left: 2px;
}

.LarTile {
    width: 30%;
    min-width: 320px;
    height: 125px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 1.37em;
    padding: 5px;
    font-weight: 500;
    float: left;
    overflow: hidden;
}

.imgLargTile {
    width: 120px;
    height: 100px;
    margin-top: 10px;
}

.btnBgPass {
    padding: 8px;
    background: black;
    border: none;
    color: white;
    font-size: 1em;
    cursor: pointer;
}

.btnBirth {
    background-color: #b92ef1;
    color: white;
    font-size: 1.1em;
    padding: 10px;
    cursor: pointer;
    border: none;
    margin: 5px 0;
}

.arrowimg {
    width: 150px;
    height: 70px;
}

.btnSubscribe {
    background-color: #f077a3;
    color: white;
    font-size: 1.1em;
    padding: 8px;
    cursor: pointer;
    border: none;
}

    .btnSubscribe:hover {
        background-color: #f39abd;
    }

.pk-btnBg {
    background-color: #f077a3 !important;
    color: white !important;
}

    .pk-btnBg:hover {
        background-color: #f39abd !important;
    }

.subsLeft {
    font-size: 2em;
    float: left;
    text-align: center;
    padding: 5px;
    margin-left: 20px;
    width: 22%;
    color: rgba(62, 3, 86, 0.97);
}

.subsLeft2 {
    font-size: 1.12em;
    padding: 10px;
    float: left;
    width: 30%;
    color: #f12e5e;
    /*text-align:justify;*/
}

.subsLeft3 {
    float: left;
    width: 42%;
    padding: 15px 0;
}

.txtboxSubscribe {
    width: 90%;
    padding: 5px 10px;
    font-size: 1.3em;
}

.astroText {
    color: pink;
    text-decoration: none;
    font-size: 1.12em;
    margin: 20px;
}

.adsBg {
    border: 1px solid rgb(82, 0, 114);
    color: white;
    margin-top: 10px;
    overflow: auto;
    background: rgba(35, 3, 48, 0.53);
    overflow: auto;
    float: left;
}

.adsTextbg {
    width: 150px;
    margin-left: 5px;
    float: left;
}

.adsDes {
    font-size: .8em;
    line-height: 1.5;
    margin-top: 5px;
}

.label {
    font-size: 1.1em;
    color: yellow;
}

.labelSubs {
    font-size: 1.1em;
    color: red;
}

.subsBtnOuter {
    margin-top: 10px;
}

.controlWidth {
    width: 130px;
}

.calenderHead {
    font-weight: bold;
    color: hotpink;
    text-decoration: underline;
}

.grayBorder {
    border: 1px solid #eeeeee; /**/
}

.SoftBorder {
    border: 1px solid rgb(82, 0, 114); /*eeeeee*/
}

.btnShow {
    padding: 12px 18px;
    border: none;
    cursor: pointer;
    font-size: 1.3em;
    background: linear-gradient(to right, #fed7fe, #fea2ff);
    font-weight: 600;
    border: none;
    border: 1px solid white;
}

    .btnShow:hover {
        background: #808080;
        color: white;
    }





/* -----astroProfile-------------------------------------------------------------------------------*/
.astroTB {
    width: 50%;
    font-size: 1em;
}

.astroprofilTB2 {
    width: 350px;
    height: 20px;
    font-size: 16px;
}

.astroSocialTB {
    width: 250px;
    height: 18px;
    font-size: 14px;
}



/*-----------------------Astro Service--------------------------------------------------------------*/
.servOuterAstro {
    float: left;
    overflow: hidden;
    margin: 5px;
    width: 32%;
    background: white;
}

.topHeadingPage {
    background: black;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 500;
}

.servheadBG {
    background: rgba(243, 218, 252, 0.92);
    padding: 7px 15px;
    font-size: 1.4em;
}

.servContent {
    overflow: hidden;
    padding: 10px 15px;
}

.servAstImg {
    width: 100px;
    height: 100px;
    float: left;
}

.txtAstrServ {
    float: left;
    line-height: 26px;
    width: 68%;
    margin-left: 10px;
    text-align: justify;
    font-size: .95em;
    overflow: hidden;
}

.txtAstrServ2 {
    float: left;
    line-height: 24px;
    width: 69%;
    margin-left: 10px;
    text-align: justify;
    font-size: .95em;
    overflow: hidden;
}

.txtAstrProServ {
    width: 65%;
}

.readmoreAStroServ {
    float: right;
    text-decoration: underline;
    color: red;
    padding: 5px 10px;
}

.astServContent {
    line-height: 30px;
    font-size: 1.1em;
    text-align: justify;
    width: 70%;
    float: left;
    margin-left: 20px;
}

.imgServAstr {
    float: left;
    overflow: hidden;
    width: 260px;
    height: 200px;
}

.imgAstroServheight {
    height: 220px;
    width: 100%;
    float: left;
}

.innerServMain {
    overflow: hidden;
    margin: auto;
    width: 95%;
}

.astroDetHead {
    background: rgba(231, 173, 255, 0.48);
    padding: 5px 0 5px 15px;
}

.imgNewAstServ {
    height: 150px;
    width: 150px;
}

.btnBuy {
    background: #ff3700;
    color: white;
    border: none;
    margin-top: 15px;
    cursor: pointer;
    font-size: 1.5em;
    padding: 15px 20px;
    float: left;
    width: 100%;
}

    .btnBuy:hover {
        background: black;
    }


/*-------------------Videos--------------------------------------------------------------*/
.videoCatgOuter {
    overflow: hidden;
    margin: 10px 0 0 0;
    clear: both;
    padding: 10px 0 0 0;
}

.videoCatgOuter2 {
    overflow: hidden;
    margin: 10px 15px;
    float: left;
    width: 30%;
}

.videoCatgOuter3 {
    overflow: hidden;
    margin: 10px 15px 20px 15px;
    float: left;
    width: 46%;
}

.vidhead {
    font-size: 1.4em;
    font-weight: 700;
}

.vidContent {
    font-size: 1em;
    line-height: 1.5;
    text-align: justify;
}

.vidhead2 {
    font-size: 1em;
    font-weight: 600;
}

.vidhead3 {
    font-size: 1em;
    font-weight: 600;
    margin-top: 5px;
}

.relatedVidList {
    font-size: 1.1em;
    background: rgba(243, 218, 252, 0.92);
    border: 1px solid gray;
    padding: 10px;
    float: left;
    margin: 10px;
}


/*-------------------Astrologers List--------------------------------------------------------------*/
.OuterAstrolist {
    width: 48%;
    margin: 6px;
}

.astroMainOuterList {
    padding: 5px;
}

/*---------------Astrologers Details---------------------------------------------------------------*/
.servOuterAstroLoger {
    width: 47%;
    margin: 10px;
    background: rgba(255, 255, 255, 0.67);
    border-bottom: 1px solid #c4c4c4;
}

.txtAstrDetSer {
    width: 75%;
    margin-left: 10px;
}

/*---------------Password Forget---------------------------------------------------------------*/
.innerServMainPass {
    overflow: hidden;
    margin: auto;
    width: 80%;
}

.rbstyle {
    font-size: 1.5em;
}

.pnlRbwid {
    width: 50%;
    margin: auto;
    background: rgba(243, 218, 252, 0.92)
}

.mobTagline {
    padding: 15px 0;
    font-size: 1.8em;
    font-weight: 600;
    text-align: center;
}

.subtextOtp {
    font-size: 1.4em;
    width: 80px;
    float: left;
    font-weight: 500;
}

.newPass {
    font-size: 1.3em;
    float: left;
    width: 200px;
    font-weight: 400;
}

.txtbxPhnNo {
    padding: 5px 15px;
    font-size: 1.2em;
    float: left;
}

.pnlPassForg {
    width: 42%;
    margin: auto;
}

.pnlNewPass {
    width: 60%;
    margin: auto;
}

/* -----LoginRegister-------------------------------------------------------------------------------*/
.tick {
    width: 30px;
    height: 20px;
}

.loginMainouter {
    width: 80%;
    overflow: hidden;
    margin: auto;
    padding: 10px 0;
}

.logininnerouter {
    width: 85%;
    overflow: hidden;
    float: left;
    margin: auto;
}

.btnouterlogin {
    overflow: hidden;
    float: left;
}

.loginlabelsOuter {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    float: right;
}

.outerLogpart {
    width: 48%;
    overflow: hidden;
    float: left;
}

.loginHead {
    width: 100px;
    float: left;
}

.logintxtbxouter {
    width: 70%;
    float: left;
}

.headreg {
    width: 180px;
    float: left;
}

.txtbxreg {
    width: 65%;
    float: left;
}

.formReginnerOuter {
    margin: 5px 15px;
    overflow: hidden;
    clear: both;
}

.bgLogin {
    overflow: auto;
    color: white;
    padding: 10px;
    background: rgba(62, 3, 86, 0.53);
    font-size: 1.15em;
}

.bgRegister {
    overflow: hidden;
    background: white;
    clear: both;
    font-size: 1em;
    background: rgb(252, 208, 246);
}

.panelOuterRegister {
    overflow: auto;
    width: 52%;
    float: left;
    min-width: 500px;
    background-color: white;
}

.loginCtrlbox {
    font-size: .95em;
    width: 97%;
    padding: 6px 8px;
    border: 1px solid gray;
}

.rfvreg {
    font-size: .8em;
    color: red;
    float: right;
    font-weight: 500;
    font-style: italic;
}

.loginaboutbx {
    height: 100px;
}

.top5Reg {
    margin-top: 5px;
}

.panelImageText {
    float: left;
    margin-top: 10px;
    font-size: 1.1em;
    width: 75%;
}

.panelTextGap {
    line-height: 1.5;
    overflow: auto;
    margin-left: 20px;
}

.registerText {
    font-weight: 500;
    margin-left: 50px;
    font-size: 1.5em;
}

.registerFormOuter {
    width: 47%;
    min-width: 500px;
    overflow: hidden;
    float: left;
}

.regLefttext {
    float: left;
    width: 25%;
    visibility: hidden;
}

.registerFormInner {
    width: 95%;
    overflow: hidden;
    padding: 10px;
    margin-top: 10px;
    margin: auto;
}

.rfv {
    font-size: 1em;
    color: red;
    float: right;
}

/* -----birthdata-------------------------------------------------------------------------------*/
.settingOuterBD {
    width: 95%;
    margin: 3.2px auto;
    background-color: rgba(255, 227, 227, 0.90);
    padding: 15px;
    overflow: hidden;
}

.bdOuter {
    overflow: hidden;
    width: 45%;
    float: left;
    background-image: url(../images/bgBirth.gif);
    padding: 20px 20px 10px 20px;
    background-color: white;
}

.birthdataOuter {
    width: 70%;
    margin: auto;
    overflow: hidden;
    float: left;
}

.delListitem {
    padding: 5px 10px;
    border-radius: 80%;
    background: rgba(160, 148, 165, 0.53);
    color: white;
    float: right;
    margin-top: -10px;
    margin-right: -16px;
}

    .delListitem:hover {
        background: black;
        color: white;
    }

.birthdataRight {
    width: 27%;
    margin: 0 0 0 20px;
    overflow: hidden;
    float: left;
}

.bgBirthData {
    background-image: url(../images/bgBirth.gif);
    overflow: hidden;
    padding: 20px;
    background-color: white;
}

.headingBirthData {
    background: rgba(255, 255, 255, 0.72);
    width: 97%;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4em;
    padding: 5px 2px 5px 15px;
}

.listName {
    font-weight: 500;
    padding: 0 0 5px 0;
    font-size: 1.2em;
}

.listNameDate {
    font-size: 1em;
    color: gray;
}

.listOuter {
    width: 98%;
    margin: 10px auto 0 auto;
    overflow: hidden;
    padding: 10px 15px;
    background: white;
}

    .listOuter:hover {
        background: #f8f8f8;
    }

.tdGap {
    margin-top: 10px;
}

.mainOuterBirth {
    padding: 20px 15px 15px 15px;
    overflow: hidden;
    background: rgba(255, 247, 227, 0.90);
}

.birthHeading {
    width: 170px;
    font-size: 1.2em;
    float: left;
}

.settOuter {
    float: left;
    overflow: hidden;
    width: 45%;
}


.tableAlignment {
    margin-left: 10px;
    margin-top: 5px;
}

.smallSize {
    font-size: .7em;
    text-align: center;
}

.settingBG {
    font-weight: 500;
    font-size: 1.5em;
    clear: both;
}

.txtbxsizeBD {
    font-size: 1.1em;
    width: 97%;
    padding: 6px 5px;
    border: 1px solid gray;
}

.txtbxsizeBDsmall {
    font-size: .9em;
    padding: 4px 5px;
    border: 1px solid gray;
    text-align: center;
}

.txtbxsizeBDsmall2 {
    font-size: 1.1em;
    padding: 4px 5px;
    border: 1px solid gray;
    text-align: center;
    width: 80%;
}

.birthFieldouter2 {
    padding: 8px 0;
    overflow: hidden;
    float: left;
    width: 45%;
}

.innerheads {
    float: left;
    padding: 2px 15px 2px 0;
    font-size: 1.1em;
}

.controlSizing {
    font-size: 1.1em;
    width: 97%;
    padding: 8px 5px;
    border: 1px solid gray;
}

/* -----Articles-------------------------------------------------------------------------------*/
.imgArticleCatgOuter {
    width: 170px;
    height: 120px;
    float: left;
    overflow: hidden;
}

.articleCatTextOuter {
    float: left;
    overflow: hidden;
    width: 78%;
    margin-left: 10px;
}

.articleCatgText {
    clear: both;
    margin-top: 10px;
    text-align: justify;
}

.articleOuter {
    border: 1px solid #eeeeee;
    overflow: auto;
    margin-left: 20px;
    margin-top: 10px;
    background: rgb(255, 246, 236);
}

.articleDesOuter {
    overflow: hidden;
    float: left;
    margin-left: 10px;
    width: 70%;
}

.imgArticleOuter {
    overflow: hidden;
    height: 130px;
    width: 27%;
    min-width: 220px;
    float: left;
}

.imgArtDesOuter {
    height: 160px;
    width: 30%;
    min-width: 220px;
    float: left;
}

.articleDesText {
    line-height: 1.8;
    position: relative;
    text-align: justify;
    margin-left: 10px;
    left: 5px;
    padding: 0px 10px 0 0;
}

.imageSize {
    width: 100%;
    height: 100%;
}

.shadow {
    box-shadow: 2px 2px 6px #f6f5f5;
}

.astListOuter {
    background: white;
    box-shadow: 5px 5px 2px rgb(234, 239, 213);
    width: 30%;
    margin: 10px;
    float: left;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.relatedArtImgOuter {
    height: 120px;
    width: 30%;
    min-width: 150px;
    float: left;
    padding: 5px;
}


/* -----MyProfile/Authorprofile-------------------------------------------------------------------------------*/
.imgProfile {
    width: 220px;
    height: 200px;
}

.lblEmailPro {
    text-align: center;
    font-size: 1.2em;
}

.innerSizeArtSub {
    overflow: hidden;
    width: 70%;
    margin: auto;
}

.innerMainPro {
    overflow: hidden;
    width: 55%;
    padding: 15px 15px 0 15px;
    float: left;
    margin: 10px 5px;
}

.proImg {
    padding: 10px;
    font-size: 1em;
    background: #c8c8c8;
    cursor: pointer;
    margin-top: 5px;
    border: none;
}

.innermainWid {
    width: 30%;
}

.protxtbox {
    width: 90%;
    padding: 8px 15px;
    font-size: 1.2em;
    margin: 5px;
}

.protxtboxLong {
    height: 200px;
    width: 90%;
}

.proSubHead {
    font-size: 1.3em;
    padding: 5px;
    font-weight: 500;
}

.passOuterPro {
    padding: 10px 15px 10px 15px;
    font-size: 1em;
    background: #2c2828;
    color: white;
}

/* -----contactUs-------------------------------------------------------------------------------*/
.aboutSite {
    float: left;
    text-align: justify;
    width: 78%;
    margin-top: 10px;
    line-height: 2;
}

.contactSiteName {
    width: 20%;
    min-width: 200px;
    overflow: hidden;
    float: left;
    font-size: 2.75em;
}

.feedbackHeight {
    height: 80px;
}

.contactImg {
    width: 80%;
    min-width: 200px;
    padding: 5px;
    height: 180px;
}

.headline {
    font-style: italic;
    font-weight: 500;
    width: 60%;
    margin: auto;
    text-align: center;
    clear: both;
}

.feedbackForm {
    width: 50%;
    min-width: 400px;
    margin: auto;
    padding: 10px;
    margin-top: 10px;
}

.feedbackTextAlign {
    padding: 10px;
    font-size: 1.1em;
    min-width: 80px;
    width: 20%;
}

/*---------------------Astro Sevices------------------------------------------------------------------------------*/
/*-------------------Services Admin-----------------------------*/
.servOuterNew {
    overflow: hidden;
    padding: 10px 15px 10px 25px;
    background: white;
}

.inrOuterSer {
    margin: 5px 0 5px 15px;
    overflow: hidden;
    float: left;
    width: 60%;
    padding-left: 20px;
}

.btnsOuterServ {
    clear: both;
    margin-left: 35px;
}

.savBtn {
    padding: 10px;
    font-size: 1em;
    background: #4a4848;
    color: white;
    float: right;
    cursor: pointer;
    margin-top: 5px;
    border: none;
}

.admSerImage {
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
}

.admServCont {
    overflow: hidden;
    padding: 0 15px;
    text-align: justify;
}

.servDesAdm {
    line-height: 24px;
}

.servHeadAdm {
    font-weight: 600;
    font-size: 1.4em;
}

.subheadAdmin {
    font-size: 1.2em;
    padding: 7px 0;
    font-weight: 600;
}

.txtbxAdmin {
    padding: 5px 10px;
    font-size: 1.2em;
    width: 92%;
    margin-top: 5px;
}

.txtbxAdminHtLong {
    height: 180px;
}

.txtbxAdminSwapna {
    width: 90%;
}

.imgOutWidthServ {
    width: 25%;
    margin-left: 35px;
}

/*--------------------AStro Profile---------------------------------------------------------------------------------*/
.astroPrRight {
    width: 80%;
    min-width: 200px;
    overflow: hidden;
    float: left;
    padding: 10px;
    font-size: 1em;
}

.profAstBasicOuter {
    float: left;
    overflow: hidden;
    padding: 0 10px;
}

.profAsthead {
    text-align: center;
    font-weight: 600;
    font-size: 1.8em;
}

.outerTileAstProf {
    overflow: hidden;
    border: 1.5px dashed rgba(62, 3, 86, 0.53);
    padding: 10px;
    border-radius: 25px;
    margin: 20px 10px 10px 20px;
    float: left;
    width: 40%;
}

.outerTileAstProfBasic {
    width: 50%;
}

.notif {
    width: 50%;
    text-align: center;
    font-size: 1.1em;
    margin: 5px auto 0 auto;
}

.notifInner {
    padding: 10px 15px;
    background: #ffd7d7;
    border-radius: 25px;
}

.outerTile2AstProf {
    width: 95%;
}

.proAstImg {
    width: 180px;
    height: 160px;
    float: left;
}

.subTileOuter {
    overflow: hidden;
    padding: 6px 15px;
}

.headProtxt {
    font-weight: 500;
    font-size: 1.1em;
    float: left;
    width: 98px;
}

.expInnerDiv {
    float: left;
    overflow: hidden;
    width: 48%;
}

.headProtxt2 {
    width: 120px;
}

.editBscBG {
    background: gray;
    float: right;
    padding: 5px 5px 5px 5px;
    color: white;
}

.headProtxtAns {
    float: left;
    margin-left: 5px;
    font-size: 1.1em;
}

.txtbxServAst {
    padding: 5px 15px;
    float: left;
    margin-left: 5px;
    font-size: 1em;
    width: 60%;
}

.txtbxServCK {
    width: 95%;
    height: 200px;
}

.btnSerAdd {
    padding: 15px;
    clear: both;
    margin: auto;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

    .btnSerAdd:hover {
        background: black;
        color: white;
    }

.txtbxServAst2 {
    width: 60%;
}

.txtbxServAst3 {
    width: 85%;
}

.ddlServAst {
    padding: 5px;
    float: left;
    margin-left: 5px;
    font-size: 1em;
    width: 60px;
}

.InnerTile {
    padding: 10px 12px;
    overflow: hidden;
}

.InnerTileBtnServ {
    width: 30%;
    margin: auto;
}

.ddlServAstPro {
    width: 68%;
}

/*-------------------------matchMaking------------------------------------------------------------------------------*/
.matchOuterMain {
    overflow: hidden;
    float: left;
    width: 45%;
    padding: 15px;
    margin: 10px 5px;
}

.matchHead {
    text-align: center;
    padding: 6px 10px;
    font-size: 1.1em;
    font-weight: 500;
    background: white;
}

.settingOuter {
    background: rgba(255, 227, 227, 0.90);
    width: 45%;
    padding: 15px;
    overflow: hidden;
    margin: auto;
}

.settOuter {
    overflow: hidden;
    width: 100%;
}

.settInner {
    float: left;
    padding: 5px 10px 7px 10px;
    width: 45%;
}

.settHead {
    font-size: 1.2em;
    float: left;
    width: 110px;
}

.settControl {
    float: left;
    width: 55%;
}

.settDDL {
    padding: 5px 10px;
    font-size: 1.1em;
    width: 95%;
    background: white;
}
/*-------------------------matchMaking Close------------------------------------------------------------------------------*/

/*-------------------------matchMaking :: (By Name) :: OPEN------------------------------------------------------------------------------*/
.mainOuterMM {
    padding: 20px 15px 15px 20px;
    overflow: hidden;
    background: rgba(255, 247, 227, 0.90)
}

.mmHead {
    width: 140px;
    font-size: 1.2em;
    float: left;
}

.validMMname {
    color: red;
    float: right;
    margin: 0 10px 0 0;
    font-size: 1.1em;
    font-weight: 600;
}

.mmBoxOuter {
    float: left;
    width: 70%;
}

.txtbxsizeMM {
    font-size: 1.1em;
    width: 95%;
    padding: 6px 5px;
    border: 1px solid gray;
}

.mmChar {
    clear: both;
    float: right;
    margin-right: 15px;
}

.mmLbl {
    font-size: 2em;
    color: #d90000;
    font-weight: bolder;
}

.headtxt {
    font-size: 1.4em;
    font-weight: 600;
}

.charTxt {
    color: #4b3d3d;
    font-size: 1.1em;
    margin: 0 0 10px 0;
}
/*-------------------------matchMaking :: (By Name) :: CLOSE------------------------------------------------------------------------------*/

/*------------------------ZODIAC---------------------------------------------------------------*/
.zodDroplist {
    font-size: 1.1em;
    width: 180px;
    float: left;
    padding: 6px 5px;
    border: 1px solid gray;
}

.mmzodSignImg {
    float: left;
    margin-left: 15px;
    width: 100px;
    height: 80px;
}

.zodbanner {
    background-image: url('../images/zodiac2.jpg');
    background-repeat: repeat-x;
    height: 150px;
    text-align: center;
    overflow: hidden;
}

.zodbannertxt {
    background: rgba(56, 45, 45, 0.66);
    padding: 5px 15px;
    font-size: 2.2em;
    font-weight: bolder;
    color: white;
    text-align: center;
    width: 50%;
    margin: auto;
}

.zodMain {
    background: url('../images/bg01.jpg');
    background-size: contain;
    background-repeat: repeat;
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.zodtxtBg {
    padding: 15px;
    width: 80%;
    margin: auto;
    overflow: hidden;
    text-align: justify;
    line-height: 28px;
    font-size: 1.1em;
}

.nameZod {
    font-size: .5em;
}

.zodHeading {
    padding: 15px 0;
    font-weight: 600;
    font-size: 2.5em;
}

.btnZodiac {
    float: left;
    cursor: pointer;
    border: none;
    padding: 15px 25px;
    box-shadow: 5px 5px 5px gray;
    margin: 0 12px 15px 5px;
    font-size: 1.1em;
    background: #e4e4e4
}

    .btnZodiac:hover {
        background: #000000;
        color: white;
    }
/*------------------------ZODIAC end---------------------------------------------------------------*/

/*------------------------Signs @ DefaultPage---------------------------------------------------------------*/
.signInnerDef {
    float: left;
    padding: 5px;
    margin: 2px 2px 5px 2px;
    width: 40%;
    overflow: hidden;
    text-align: center;
}

.zodLinkTextDef {
    font-size: 1.2em;
    font-weight: 500;
}

.signImgDef {
    width: 65px;
    height: 60px;
    margin-left: 16px;
}

.zodLinkDurDef {
    font-size: .75em;
    margin-top: 3px;
}
/*------------------------Signs @ DefaultPage End---------------------------------------------------------------*/

/*------------------------Signs---------------------------------------------------------------*/
.signInner2 {
    float: left;
    padding: 5px;
    margin: 12px 0 20px 5px;
    overflow: hidden;
    border: 1px solid black;
    text-align: center;
    background: white;
}

.dispSignOut {
    overflow: hidden;
    text-align: justify;
    padding: 8px 15px;
    font-size: 1.2em;
    clear: both;
}

.zodLinkText {
    font-size: 1em;
    font-weight: 500;
}

.zodLinkDur {
    font-size: .7em;
    margin-top: 3px;
}

.zodtoptext {
    font-size: 1.2em;
}

.zodImg {
    height: 200px;
    width: 220px;
    float: left
}

.mainSignOuterZod {
    padding: 0 20px;
    margin-left: 20px;
    width: 95%;
    background-repeat: repeat;
    background-size: 100%;
    overflow: hidden;
}

.contentSign {
    margin: 20px;
    text-align: justify;
    line-height: 30px;
    font-size: 1.1em
}

.textOutersign {
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
}

.signInfoText {
    width: 78%;
    float: left;
    padding: 0 15px;
    overflow: hidden;
}

.signInner2:hover {
    background: #efefef;
    border: 1px solid gray;
}

.signImg {
    width: 58px;
    height: 60px;
}

.linkHeadZodTag {
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 10px;
}

.signImg2 {
    width: 65px;
    height: 60px;
}

.imgSizing {
    width: 100%;
    height: 100%;
}
/*------------------------Signs END---------------------------------------------------------------*/


/*-------------------------onlineKundli------------------------------------------------------------------------------*/
.strip {
    font-size: 1.2em;
    background: #140c0c;
    padding: 10px 20px;
    color: white;
}

.onlineMain {
    /*width:95%;margin:auto;*/
    overflow: hidden;
    margin-top: 15px;
}

.Onlineouter {
    padding: 15px 25px;
    /*font-size:1.1em;*/
    width: 94%;
    overflow: hidden;
    text-align: justify;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.89);
}

.inneronlineBox {
    background: rgba(224, 224, 224, 0.10);
    padding: 15px;
    padding-bottom: 0;
    border: 1px solid #d5cece;
    box-shadow: 5px 5px 10px #d7d7d7;
}

.onlineBoxes {
    width: 28.5%;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    float: left;
    margin: 0 20px 0 0;
    background: url('../images/bg01.jpg');
    background-size: contain;
    background-repeat: repeat;
}

.onlineImg {
    width: 250px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    height: 150px;
}

.onlineBoxes a {
    font-size: 1.9em;
    padding: 10px 0;
    font-weight: 600;
}

    .onlineBoxes a:hover {
        text-decoration: underline;
    }

#onlineTxt, #onlineTxt2, #onlineTxt3 {
    font-weight: 500;
    font-size: 1.1em;
    margin-top: 10px;
    line-height: 1.5;
}

    #onlineTxt ul, #onlineTxt2 ul, #onlineTxt3 ul {
        font-weight: normal;
        text-align: start;
        margin-top: 5px;
        font-size: 1.1em;
    }
/*-------------------------onlineKundli Close------------------------------------------------------------------------------*/

/*-----------------------Predition DAily----------------------------------------------------------------*/
.mainHeadpred {
    text-align: center;
    font-weight: bold;
    font-size: 3em;
    margin-top: 20px;
}

.predouter {
    background: url('../images/bg01.jpg');
    background-size: contain;
    background-repeat: repeat;
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.predDOBouter {
    overflow: hidden;
    width: 95%;
    margin: auto;
    margin-top: 15px;
    background: rgba(190, 131, 225, 0.49);
}

.headDOBpred {
    background: rgba(125, 121, 121, 0.73);
    font-size: 1.3em;
    padding: 10px 15px;
    font-weight: 600;
    text-align: center;
    color: white;
}

.validationerr {
    font-weight: 500;
    font-size: 1.2em;
    color: red;
    margin: 0 5px;
}

.bgDOBpred {
    overflow: hidden;
    width: 85%;
    margin: auto;
    padding: 10px;
}

.innerOutControl {
    overflow: hidden;
    float: left;
    padding: 0 15px 10px 15px;
}

.calenderPred {
    width: 100%;
}

.subheadPred {
    float: left;
    font-size: 1.1em;
    margin: 5px 10px 0 0;
    width: 50px;
    margin-top: 12px;
    font-weight: 500;
}

.dobDDLpred {
    width: 90px;
    box-shadow: 4px 2px 5px gray;
    cursor: pointer;
    border: 1px solid gray;
    padding: 10px;
    float: left;
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.49)
}

.dobDDLpred2 {
    width: 120px;
}

.btnsOuterPred {
    overflow: hidden;
    width: 80%;
    margin: auto;
    clear: both;
}

.btnPred {
    padding: 12px 25px;
    border: none;
    cursor: pointer;
    font-size: 1.3em;
    background: rgba(231, 216, 241, 0.50);
    font-weight: 500;
    margin: 0 5px;
    border-radius: 25px;
    border: 1px solid #9c8c8c;
}

.btnPredCalender {
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    font-size: 1.2em;
    background: #2e2c2c;
    font-weight: 500;
    color: white;
}

.btnPred:hover {
    background: rgba(164, 157, 157, 0.23);
}

.txtPredictions {
    overflow: hidden;
    padding: 15px 25px;
    font-size: 1.1em;
    text-align: justify;
    line-height: 28px;
}

.predCntent {
    width: 80%;
    overflow: hidden;
    float: left;
}

.predExtraDate {
    overflow: hidden;
    float: left;
    padding: 0 0 0 15px;
    width: 18%;
}
/*-----------------------Predition DAily----------------------------------------------------------------*/

/*-------------------------Horoscope Section------------------------------------------------------------------------------*/
.panel {
    height: 300mm;
    position: relative;
    margin-left: 30px;
}

.panel02 {
    height: 650mm;
    position: relative;
    margin-left: 30px;
}

.dashaMahaOuter {
    font-weight: 500;
    background: rgba(87, 247, 237, 0.45);
    color: rgb(15, 182, 172);
    padding: 5px 0 5px 10px;
    width: 100%;
}

.horoLeftList {
    background: black;
    overflow: hidden;
    /*padding:10px;*/
    /*min-height:450px;*/
    width: 18%;
    /*  margin-top:50px;*/
}

.horoRight {
    position: relative;
    left: 0;
    top: 100px;
    overflow: hidden;
    padding: 10px 25px;
    width: 70%;
}
/*.horoLeftList a {
    color:white;
    font-size: 1em;
    padding:3px 5px;
    width:95%;
}
.horoLeftList a:hover {
    color:red;
}*/
.btnsOuterHoro {
    /*width:50%;
    margin:auto;*/
    float: right;
}

.btnHoroList {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1.12em;
    margin: 5px 5px;
    border: none;
    text-align: center;
}

/*-------------------------Horoscope Section CLOSE------------------------------------------------------------------------------*/

/*-------------------------Shopping Cart--------------------------------------------------------------*/
.outerCart {
    overflow: hidden;
    padding: 10px 20px;
    background: rgba(247, 247, 247, 0.68);
    border-bottom: 1px solid #a8a8a8;
    width: 100%;
}

    .outerCart:hover {
        border-bottom: 1px solid black;
    }

.imgCart {
    width: 70px;
    height: 70px;
    float: left;
}

.crossCart {
    padding: 5px 10px;
    color: white;
    font-size: 1.1em;
    float: right;
    background: red;
}

.contFont {
    font-size: 1.5em;
    font-weight: 600;
}

.contCart {
    float: left;
    width: 75%;
    margin: 0 20px;
}

.contDes {
    font-size: .9em;
    color: #5e4949;
    margin-top: 3px;
}

.imgcart {
    margin: 50px 0;
    text-align: center;
}

.sizeList {
    overflow: hidden;
    width: 75%;
    float: left;
}

.pricePanel {
    background: white;
    width: 25%;
}

.cartBg {
    background: black;
    color: white;
    font-size: 1.3em;
    overflow: hidden;
    padding: 10px 20px;
}

.itemCart {
    font-size: 1.1em;
    margin: 5px 0;
    background: white;
    overflow: hidden;
}

.ddlCart {
    background: black;
    color: white;
    font-size: .9em;
    padding: 3px 0 2px 5px;
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.pricecart {
    font-weight: 500;
    color: #6b5d5d;
    float: left;
    padding: 5px 20px;
}

.pricePnlhead {
    padding: 12px 20px;
    color: #808080;
    font-size: 1.1em;
    font-weight: 500;
    border-bottom: 1px solid #808080;
}

.priceFinal {
    float: right;
    margin-right: 15px;
}

.formCartOuter {
    overflow: hidden;
    padding: 15px;
}

.cartformInnBg {
    margin: 0 15px;
    overflow: hidden;
    float: left;
    width: 45%;
}

.cartCatname {
    font-size: 1.1em;
    font-weight: 500;
    margin: 5px 0;
}

.txtCartForm {
    font-size: 1.1em;
    padding: 4px 10px;
    background: white;
    width: 90%;
    margin-bottom: 10px;
}

.validationFormErr {
    color: red;
    font-size: 1em;
    font-weight: 500;
    float: right;
    margin-right: 15px;
}

.shipping {
    clear: both;
    overflow: hidden;
    margin: 15px 0;
    font-size: 1.8em;
    font-weight: 800;
    padding: 0 15px;
    text-decoration: underline;
}

/*--------------------SWAPNA PHAL----------------------------------------------------*/
.sapnOuterTile {
    overflow: hidden;
    padding: 15px 20px;
    width: 27%;
    background: #f3f3f3;
    float: left;
    margin: 12px;
    border: 1px solid lightgray;
}

.headSapn {
    font-weight: 500;
    font-size: 1.5em;
    float: left;
    background: #d7d5d5;
    width: 60%;
    padding: 5px 10px;
    margin: 0 0 10px 15px;
}

.headSapnImg {
    float: left;
    width: 60px;
    height: 60px;
}

.subSapna {
    font-size: 1.2em;
    padding: 3px 15px;
    margin: 2px 0 0 20px;
    border-bottom: 1px solid #cfcdcd;
}

    .subSapna:hover {
        background: rgba(0, 208, 255, 0.12);
        color: rgb(82, 0, 114);
    }

.txtsearchSwap {
    font-size: 1.1em;
    width: 60%;
    border-radius: 10px;
    border: 1px solid gray;
    box-shadow: 5px 5px 10px #b5b5b5;
    padding: 10px 15px;
}

.btnSearchSwap {
    background: black;
    margin-left: 10px;
    cursor: pointer;
    padding: 8px 20px;
    font-size: 1.2em;
    color: white;
    border-radius: 10px;
}

    .btnSearchSwap:hover {
        background: #564141;
    }

.srchOuterSwapn {
    overflow: hidden;
    padding: 12px 15px;
    background: #ebebeb;
    width: 80%;
    margin: 20px auto 0 auto;
}

.relSearch {
    font-size: 1.2em;
    font-weight: 600;
    text-decoration: underline;
}

.relsrchlink {
    float: left;
    font-size: 1.2em;
    padding: 10px;
}

    .relsrchlink:hover {
        text-decoration: underline;
    }

.popupsapna {
    position: fixed;
    padding: 0;
    width: 60%;
}

.popupSapcross {
    color: white;
    font-size: 1.1em;
    float: right;
    background: red;
    padding: 5px 10px;
}

.sapPred {
    text-align: center;
    padding: 40px 25px;
    line-height: 40px;
    font-size: 1.2em;
}

.sapPopupbtn {
    color: white;
    font-size: 1.1em;
    background: red;
    padding: 10px 10px 10px 10px;
}

.resSapser {
    font-size: 1.3em;
    margin: 10px 50px;
}

    .resSapser i {
        font-size: .8em;
    }

.crossSapSer {
    color: white;
    font-size: 1.1em;
    float: right;
    background: red;
    padding: 5px 10px;
}

.srchRelated {
    background: none;
    padding: 0;
    margin: 10px auto 0 auto;
}

/*------------------------------Moles---------------------------------------------------------------*/
.outerMole {
    overflow: hidden;
    width: 95%;
    margin: auto;
}

.moleTile {
    float: left;
    padding: 10px 20px 10px 15px;
    background: #eeeeee;
    margin: 5px;
    overflow: hidden;
    font-size: 1.4em;
    width: 29%;
}

    .moleTile:hover {
        background: #e2daff;
    }

.imgMole {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    float: left;
    border-radius: 50%;
}

.moletxtlink {
    float: left;
    margin-top: 8px;
}


/*------------------------------Fengshui---------------------------------------------------------------*/
.fengMainOuter {
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.fengOuter {
    float: left;
    overflow: hidden;
    width: 16%;
    text-align: center;
    background: white;
    padding: 8px;
    border: 1px dotted #8a8a8a;
    margin: 8px 10px;
}

    .fengOuter:hover {
        background: rgba(255, 203, 249, 0.67);
        border: 1px dotted black;
    }

.imgFeng {
    width: 95%;
    margin: 0 auto 3px auto;
    height: 120px;
}

.txtFeng {
    font-size: 1.2em;
    font-weight: 600;
}

/*------------------------------Vastu---------------------------------------------------------------*/
.vastuOuter {
    padding: 15px;
    overflow: hidden;
}

.headVastuinner {
    font-weight: 600;
    font-size: 1.2em;
    text-align: center;
    background: rgba(5, 1, 46, 0.97);
    color: white;
    padding: 10px;
}

.vastParts {
    width: 32%;
    float: left;
    overflow: hidden;
    margin: 5px;
}

.vasCatgOuter {
    float: left;
    font-size: 1.2em;
    width: 42.5%;
    margin: 3px;
    padding: 20px 10px;
    text-align: center;
    font-weight: 600;
}

.vastuSubTile {
    font-size: 1.2em;
    font-weight: 500;
    border: 1px solid hotpink;
    padding: 15px;
    margin: 5px;
    float: left;
}

.outerVastutipslist {
    overflow: auto;
    height: 370px;
}

.tipOuterTileVas {
    overflow: hidden;
    margin: 5px;
    padding: 5px 10px;
}

.tipCatgImgVast {
    width: 50px;
    height: 45px;
    float: left;
    margin-right: 15px;
}

.tipCatgImgVastqueDes {
    width: 45px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

.tipvastutextqueDes {
    margin-top: 8px;
    float: left;
    font-size: 1.1em;
}

.tipvastutext {
    margin-top: 8px;
    margin-right: 15px;
    float: left;
    font-weight: 500;
    font-size: 1.3em;
    margin-left: 10px;
    letter-spacing: 1px;
}

.tipvastutext2 {
    margin-top: 8px;
    margin-right: 15px;
    float: left;
    font-weight: 500;
    font-size: 1.1em;
}

.imgVastResTIp {
    width: 300px;
    height: 250px;
    float: left;
    margin-right: 20px;
}

.imgVastResFav {
    width: 350px;
    height: 300px;
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

.txtTipvasres {
    font-size: 1.02em;
    line-height: 1.6;
    text-align: justify;
}

.subCatgImgVast {
    overflow: hidden;
    padding: 10px 15px;
    float: left;
    margin: 5px;
    font-size: 1.1em;
    font-weight: 500;
}

.tipOuterTileVas2 {
    overflow: hidden;
    background: white;
    margin: 5px 10px;
    padding: 5px 10px;
    font-size: 1.1em;
    float: left;
}

    .tipOuterTileVas2:hover {
        background: rgba(255, 206, 254, 0.74);
    }

.relatedhead {
    font-weight: 700;
    font-size: 1.2em;
    margin: 10px 0;
}

.relatedTipVas {
    width: 95%;
    margin: auto;
    overflow: hidden;
    background: rgba(230, 230, 230, 0.62);
    padding: 0 15px 10px 15px;
}

.backbtnTip {
    float: right;
    margin-right: 10px;
    background: black;
    color: white;
}

    .backbtnTip:hover {
        color: pink;
    }

.vasQuesOuter {
    width: 98%;
    font-size: 1.1em;
    padding: 10px 10px 0 5px;
}

    .vasQuesOuter:hover {
        text-decoration: underline;
    }

.vastuResOuter {
    padding: 20px 30px;
    font-size: .8em;
    overflow: hidden;
}

.vastuAns {
    font-size: 1.3em;
    line-height: 2;
    text-align: justify;
}

.vastuAnsOuter {
    margin-top: 10px;
    padding-left: 30px;
    overflow: hidden;
    clear: both;
}

.postedbyOuter {
    margin-top: 5px;
    font-size: 1.2em;
    width: 80%;
}

.vastuCatgTile {
    float: left;
    font-size: 1.4em;
    padding: 5px 12px 5px 8px;
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
}

    .vastuCatgTile:hover {
        text-decoration: underline;
    }

.headingOtheques {
    font-weight: 700;
    font-size: 1.6em;
}

.otherCatgsOuter {
    overflow: hidden;
    margin: 10px 0;
    padding: 10px 0 10px 20px;
    background: rgba(238, 238, 238, 0.54);
}

.btnAskVastu {
    background: #574949;
    float: right;
    margin: 5px 15px;
    color: white;
    border: none;
    font-size: 1.4em;
    cursor: pointer;
    padding: 10px 20px;
}

    .btnAskVastu:hover {
        background: rgb(112, 0, 65);
    }

.gridVAstuQuesinner {
    padding: 10px 15px;
    overflow: hidden;
}

.gridansVastu {
    margin-left: 20px;
    margin-top: 5px;
    text-align: justify;
    line-height: 1.6;
    font-size: 1.4em;
}

.vastuaskquesWidth {
    width: 60%;
}

.gridMyVAstuQuesinner {
    padding: 10px 15px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    margin-top: 5px;
    background: rgba(255, 255, 255, 0.68);
}


@media screen and (max-width:1300px) {
    .erorReg {
        clear: both;
        margin-right: 15px;
    }

    .welcomePartwidth {
        width: 35%;
    }

    .vasCatgOuter {
        width: 42%;
    }

    .signInnerDef {
        padding: 5px;
        margin: 3px;
        width: 42%;
    }

    .zodLinkDurDef {
        font-size: .7em;
        margin-top: 3px;
    }

    .txtbxServAst3 {
        width: 80%;
    }

    .txtbxServAst {
        padding: 5px 15px;
        float: left;
        margin-left: 5px;
        font-size: 1em;
        width: 57%;
    }

    .notif {
        width: 90%;
    }

    .proAstImg {
        width: 150px;
        height: 150px;
        float: left;
    }

    .servOuterAstro {
        margin: 5px;
        width: 32%;
    }

    .sapnOuterTile {
        width: 43%;
    }

    .artSubOuter {
        width: 80%;
    }

    .innerSizeArtSub {
        width: 80%;
    }

    .predDOBouter {
        overflow: hidden;
        width: 100%;
    }

    .btnsOuterPred {
        width: 90%;
    }

    .signInfoText {
        width: 76%;
    }

    .SmlTile {
        width: 32%;
    }

    .LarTile {
        width: 31.2%;
        min-width: 150px;
    }

    .settInner {
        padding: 5px 10px 7px 10px;
        width: 100%;
    }

    .onlineMain {
        width: 100%;
    }

    .onlineBoxes {
        width: 28%;
    }

    .settHead {
        width: 140px;
    }

    .txtbxreg {
        width: 65%;
        float: left;
    }

    .loginCtrlbox {
        font-size: .95em;
        width: 90%;
        padding: 6px 8px;
        border: 1px solid gray;
    }

    .formReginnerOuter {
        margin: 10px 15px;
        width: 100%;
    }

    .regLefttext {
        width: 15%;
    }

    .adsTextbg {
        width: 60%;
        margin-left: 8px;
        float: left;
    }

    .settingOuter {
        width: 60%;
    }

    .settingOuterBD {
        width: 90%;
    }

    .OuterAstrolist {
        width: 47%;
        margin: 15px
    }

    .servOuterAstroLoger {
        width: 48%;
    }

    .txtAstrServ {
        width: 75%;
    }

    .signInner2 {
        margin: 10px;
    }

    .moleTile {
        width: 28.5%;
    }
}

@media screen and (max-width:1100px) {
    .content {
        margin-top: 110px;
    }

    .videoCatgOuter2 {
        margin: 10px;
        width: 47%;
        height: auto;
    }

    .videoCatgOuter3 {
        margin: 10px;
        width: 47%;
        height: auto;
    }

    .calenderPred {
        width: 95%;
    }

    .txtbxServAst3 {
        width: 75%;
    }

    .outerTileAstProf {
        width: 95%;
    }

    .txtbxServAst2 {
        width: 68%;
    }

    .headProtxt, .headProtxt2 {
        width: 140px;
    }

    .expInnerDiv {
        width: 90%;
        clear: both;
    }

    .astServContent {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    .servOuterAstro {
        margin: 5px;
        width: 48.5%;
    }

    .innerSizeArtSub {
        width: 95%;
    }

    .btnShow {
        padding: 12px 25px;
        font-size: 1.5em;
    }

    .vastParts {
        width: 48%;
        margin: 5px;
    }

    .bgDOBpred {
        width: 98%;
    }

    .predCntent {
        width: 100%;
    }

    .predExtraDate {
        width: 100%;
        margin-bottom: 15px;
    }

    .btnsOuterPred {
        width: 90%;
    }

    .signInfoText {
        width: 97%;
    }

    .zodLinkDurDef {
        font-size: 1em;
        margin: 0 0 5px 0;
    }

    .signInnerDef {
        padding: 5px;
        margin: 3px;
        width: 23.2%;
    }

    .zodLinkTextDef {
        font-size: 1.2em;
        font-weight: 500;
        padding: 5px
    }

    .signImgDef {
        width: 50%;
        height: 100px;
        margin-left: 55px;
    }

    .onlineMain {
        width: 100%;
    }

    .onlineBoxes {
        width: 29%;
        margin: 0 10px 0 0;
        padding: 15px;
    }

    .inneronlineBox {
        padding: 5px 2px;
    }

    .regLefttext {
        width: 25%;
    }

    .leftCol {
        margin: auto;
        min-width: 98%;
    }

    .loginMainouter {
        width: 98%;
        margin-left: 20px;
    }

    .logininnerouter {
        width: 90%;
    }

    .outerLogpart {
        width: 48%;
    }

    .rightCol {
        min-width: 98%;
        margin-left: 0;
        margin-top: 10px;
    }

    .moleTile {
        width: 44%;
    }

    .LarTile {
        width: 96%;
    }

    .SmlTile {
        width: 31%;
    }

    .birthLeft {
        width: 30%;
    }

    .topKundli {
        width: 300px;
        height: 280px;
        padding: 0 0 5px 20px;
    }

    .panchangTile {
        width: 30%;
        margin-left: 5px;
        padding: 5px 0;
        overflow: hidden;
        margin-top: 5px;
        font-size: 1.3em;
    }

    .mainPanchangOuter {
        width: 100%;
    }

    .welcomePartwidth {
        overflow: auto;
        width: 95%;
    }

    .panchangOuter {
        width: 50%;
    }

    .birthdataOuter {
        width: 100%;
    }

    .astroMainOuterList {
        padding: 20px;
    }

    .headingBirthData {
        width: 100%;
    }

    .adsBg {
        margin-left: 10px;
        width: 32%;
    }

    .adsTextbg {
        margin-left: 5px;
        float: left;
    }

    .panelOuterRegister {
        width: 100%;
    }

    .registerFormOuter {
        width: 98%;
    }

    .btnBuy {
        width: auto;
        width: 30%;
        margin-left: 40px;
        margin-top: 0;
    }

    .registerFormInner {
        width: 90%;
        margin: auto;
    }

    .articleOuter {
        margin-left: 0;
    }

    .articleCatTextOuter {
        margin-left: 0;
        width: 98%;
    }

    .astroPrRight {
        width: 100%;
    }

    .articleDesOuter {
        width: 100%;
    }

    .aboutSite {
        width: 98%;
        line-height: 1.5;
    }

    .contactSiteName {
        width: 98%;
        text-align: center;
    }

    .contactImg {
        width: 30%;
        min-width: 200px;
    }

    .feedbackForm {
        width: 65%;
    }

    .matchOuterMain {
        overflow: hidden;
        float: left;
        width: 48%;
        padding: 10px 5px;
        margin: 10px 0;
    }

    .settingOuterBD {
        width: 90%;
    }

    .btnPred {
        margin: 5px;
        width: 47%;
    }

    .servOuterAstroLoger {
        width: 48%;
    }

    .txtAstrServ {
        width: 65%;
    }

    .signInner2 {
        margin: 10px;
        width: 20%;
    }

    .imgServAstr {
        clear: both;
        width: 100%;
        height: 350px;
    }

    .imgAstroServheight {
        height: 220px;
        width: 260px;
    }

    .sapnOuterTile {
        width: 40%;
    }

    .panel {
        height: 300mm;
        position: relative;
        margin-left: 0;
    }

    .innerServMain {
        width: 90%;
    }

    .fengOuter {
        width: 20%;
    }
}

@media screen and (max-width:900px) {
    .horoLeftList {
        /*float:left;
        background:#1d1414;
        overflow:hidden;
        padding:10px;
        min-height:450px;*/
        width: 90%;
        padding: 0;
        margin-left: 30px;
    }

    .fengOuter {
        width: 25%;
        margin: 10px 18px;
    }

    .horoRight {
        width: 95%;
        top: 10px;
    }
}

@media screen and (max-width:800px) {
    .signInnerDef {
        padding: 5px;
        margin: 3px;
        width: 30%;
    }

    .videoCatgOuter2 {
        margin: 10px;
        width: 90%;
        padding: 0 15px 0 15px;
        height: 300px;
    }

    .videoCatgOuter3 {
        margin: 10px;
        width: 90%;
        padding: 0 15px 0 15px;
        height: 300px;
    }

    .vasQuesOuter {
        margin-left: 10px;
        padding: 10px;
    }

    .outerVastutipslist {
        overflow: auto;
        height: auto;
    }

    .tipOuterTileVas {
        overflow: hidden;
        float: left;
        width: 40%;
        margin: 5px;
        padding: 5px 20px;
    }

    .vasCatgOuter {
        width: 45.5%;
    }

    .outerTileAstProf {
        width: 90%;
    }

    .vastParts {
        width: 98%;
        margin: 5px;
    }

    .servOuterAstro {
        margin: 5px;
        width: 95%;
        margin: 6px 10px;
    }

    .txtbxServAst3 {
        width: 95%;
    }

    .fengOuter {
        width: 25%;
        margin: 10px 15px;
    }

    .expInnerDiv {
        width: 100%;
        clear: both;
    }

    .txtbxServAst2 {
        width: 63%;
    }

    .bgDOBpred {
        width: 90%;
    }

    .zodLinkTextDef {
        font-size: 1.2em;
        font-weight: 500;
        padding: 5px
    }

    .signImgDef {
        width: 50%;
        height: 100px;
        margin-left: 50px;
    }

    .panelOuterRegister {
        width: 100%;
    }

    .signInner2 {
        margin: 10px;
        width: 20%;
    }

    .signInfoText {
        width: 97%;
    }

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

    .servOuterAstroLoger {
        width: 96%;
    }

    .bdOuter {
        width: 95%;
    }

    .sapnOuterTile {
        width: 88%;
    }

    .onlineMain {
        width: 100%;
        text-align: center;
    }

    .inneronlineBox {
        padding: 20px 5px 0 5px;
    }

    .onlineBoxes {
        width: 94%;
        margin: 5px auto;
        padding: 25px;
    }

    .settOuter {
        clear: both;
        width: 100%;
    }

    .txtbxreg {
        width: 50%;
    }

    .moleTile {
        width: 42%;
    }

    .loginCtrlbox {
        font-size: .95em;
        width: 90%;
        padding: 6px 8px;
        border: 1px solid gray;
    }

    .registerFormInner {
        width: 100%;
        margin: auto;
    }

    .registerFormOuter {
        width: 98%;
        clear: both;
        margin: auto;
    }

    .formReginnerOuter {
        margin: 10px 15px;
        width: 100%;
    }

    .loginMainouter {
        width: 99%;
        margin-left: 5px;
    }

    .logininnerouter {
        width: 100%;
        margin-left: 15px;
    }

    .outerLogpart {
        float: left;
        width: 49%;
    }

    .logintxtbxouter {
        width: 65%;
        float: left;
    }

    .btnouterlogin {
        float: right;
        margin: 10px 20px 0 0;
    }

    .subsLeft {
        font-size: 2.2em;
        clear: both;
        text-align: center;
        padding: 10px;
        margin-left: 0;
        font-weight: 500;
        width: 100%;
    }

    .subsLeft2 {
        font-size: 1.3em;
        text-align: center;
        padding: 5px 12px 12px 30px;
        clear: both;
        width: 90%;
        color: #c70000;
    }

    .subsLeft3 {
        clear: both;
        width: 50%;
        margin: auto 190px;
        text-align: center;
    }

    .adsBg {
        margin-left: 10px;
        width: 45%;
    }

    .adsTextbg {
        margin-left: 10px;
        float: left;
        width: 70%
    }

    .matchOuterMain {
        float: none;
        width: 98%;
        margin: 10px 0;
    }

    .settingOuter {
        width: 90%;
    }

    .settingOuterBD {
        width: 90%;
    }

    .txtAstrDetSer {
        width: 80%;
    }

    .astServContent {
        clear: both;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    .imgServAstr {
        clear: both;
        width: 100%;
        margin-top: 0;
    }

    .leftCol {
        margin: auto 10px;
        min-width: 98%;
    }

    .horoLeftList {
        width: 90%;
        padding: 0;
        margin-left: 30px;
    }

    .horoRight {
        width: 95%;
    }

    .inrOuterSer {
        clear: both;
        width: 90%;
        padding-left: 20px;
    }

    .imgOutWidthServ {
        width: 90%;
    }

    .txtAstrServ {
        width: 78%;
    }
}

@media screen and (max-width:600) {
    .topKundli {
        clear: both;
        /*background:white;*/
        height: auto;
        border: 1px solid yellow;
    }
}

@media screen and (max-device-width:500px) {
    /*body {
        font-size: 28px;
    }*/
    .signInnerDef {
        padding: 10px 8px 8px 8px;
        margin: 7px;
        width: 30%;
    }

    .fengOuter {
        width: 95%;
        border: 1px solid black;
        margin: 20px 15px;
        padding: 15px 0;
    }

    .txtFeng {
        font-size: 1.8em;
    }

    .imgFeng {
        width: 95%;
        margin: 0 auto 12px auto;
        height: 400px;
    }

    .zodLinkTextDef {
        font-size: 1.3em;
        font-weight: 500;
        padding: 5px
    }

    .signImgDef {
        width: 170px;
        height: 140px;
        margin-left: 50px;
    }

    .zodLinkDur {
        font-size: 1em;
        margin: 0 0 10px 0;
    }

    .bdOuter {
        width: 95%;
    }

    .zodbanner {
        height: 250px;
        background-size: 100%;
        background-repeat: repeat;
    }

    .zodHeading {
        font-size: 3.5em;
    }

    .nameZod {
        font-size: .4em;
    }

    .btnZodiac {
        width: 95%;
        padding: 40px;
        margin: 15px 20px;
        font-size: 1.6em;
    }

    .zodtxtBg {
        padding: 25px 20px;
        width: 90%;
        font-size: .6em;
        line-height: 65px;
    }

    .zodMain {
        width: 100%;
    }

    .zodbannertxt {
        padding: 15px 55px;
        font-size: 2.1em;
        margin-top: 70px;
        width: 100%;
    }

    .mmzodSignImg {
        margin-left: 15px;
        width: 180px;
        height: 150px;
    }

    .zodDroplist {
        width: 75%;
        font-size: 1.7em;
        padding: 25px 20px;
        background: white;
    }

    .mmHead {
        width: 98%;
        font-size: 1.6em;
        font-weight: 500;
        padding: 5px 0 10px 0;
        clear: both;
    }

    .mainOuterMM {
        padding: 20px 30px;
    }

    .txtbxsizeMM {
        font-size: 1.7em;
        width: 97%;
        padding: 25px 20px;
        background: white;
    }

    .mmBoxOuter {
        clear: both;
        width: 98%;
        margin-left: 0;
    }

    .btnShow {
        padding: 40px 60px;
        margin-top: 8px;
        font-size: 1.9em;
    }

    .zodImg {
        height: 500px;
        width: 550px;
        text-align: center;
        clear: both;
        margin-left: 150px;
    }

    .zodtoptext {
        margin-left: 160px;
        font-size: 1.9em;
    }

    .zodLinkText {
        font-size: 1.6em;
        font-weight: 500;
        padding: 5px 5px 20px 5px;
    }

    .signInner2 {
        margin: 10px;
        text-align: center;
        width: 29%;
    }

    .linkHeadZodTag {
        font-size: 2.2em;
        margin: 15px 0 15px 10px;
        font-weight: bold;
    }

    .signImg2 {
        width: 200px;
        height: 160px;
        margin-left: 25px;
    }

    .signInfoText {
        width: 97%;
    }

    .mainSignOuterZod {
        padding: 20px;
        margin-left: 0;
    }

    .zodTitleMob {
        font-size: 1.5em;
    }

    .contentSign {
        line-height: 75px;
        font-size: 1.4em;
    }

    .onlineMain {
        width: 100%;
    }

    .Onlineouter {
        padding: 25px 35px;
        font-size: .9em;
        line-height: 65px;
    }

    .onlineImg {
        width: 400px;
        height: 350px;
    }

    .onlineBoxes {
        width: 95%;
        padding: 30px;
        margin: 5px auto 15px auto;
    }

        .onlineBoxes a {
            font-size: 2.3em;
            color: #a90303;
            margin-top: 20px;
        }

    #onlineTxt, #onlineTxt2 {
        font-weight: 500;
        font-size: 1.1em;
        line-height: 65px;
        margin-top: 25px;
    }

        #onlineTxt ul, #onlineTxt2 ul {
            line-height: 85px;
        }

    .settingBG {
        font-weight: bold;
        padding: 10px 15px 2px 15px;
        font-size: 2em;
    }

    .innerheads {
        padding: 8px 15px 2px 0;
        font-size: 1.3em;
    }

    .txtbxsizeBDsmall {
        font-size: 1.4em;
        padding: 13px 18px;
        background: white;
    }

    .txtbxsizeBDsmall2 {
        font-size: 1.55em;
        padding: 18px 24px;
        background: white;
        width: 97%;
    }

    .txtbxsizeBD {
        font-size: 1.8em;
        width: 97%;
        padding: 25px 20px;
        background: white;
    }


    .XlargeOuterCont {
        padding: 35px 30px;
        margin-top: 10px;
    }

    .astroText {
        color: pink;
        font-size: .7em;
        margin-left: 25px;
    }

    .getpredOuter {
        clear: both;
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .getPredBtnsOuter {
        margin-top: 15px;
    }

    .loginMainouter {
        width: 99%;
        margin-left: 5px;
    }

    .BgHeading {
        padding: 2px 15px;
    }

    .largTiletxt {
        margin-left: 25px;
        font-size: 1.1em;
    }

    .logininnerouter {
        width: 100%;
        padding: 15px 0 15px 0;
        margin-left: 15px;
    }

    .outerLogpart {
        clear: both;
        width: 98%;
        margin: 10px;
        padding: 20px 0 20px 5px;
    }

    .loginHead {
        width: 250px;
        float: left;
        font-size: 1.3em;
    }

    .logintxtbxouter {
        width: 65%;
        float: left;
    }

    .btnouterlogin {
        float: right;
        margin: 10px 20px 0 0;
    }

    .panelOuterRegister {
        width: 100%;
    }

    .regLefttext {
        width: 15%;
    }

    .subsLeft {
        font-size: 2.8em;
        clear: both;
        text-align: center;
        padding: 10px;
        margin-left: 0;
        font-weight: 500;
        width: 100%;
    }

    .subsLeft2 {
        font-size: 1.43em;
        text-align: center;
        padding: 6px 12px 12px 12px;
        clear: both;
        width: 95%;
        color: black;
        line-height: 1.8;
    }

    .subsLeft3 {
        clear: both;
        width: 100%;
    }

    .astroheading {
        font-size: 2.75em;
        font-weight: 500;
        padding: 15px 0 0 0;
    }

    .txtboxSubscribe {
        width: 95%;
        padding: 20px;
        font-size: 1.7em;
    }

    .tick {
        width: 50px;
        height: 50px;
    }

    .bgLogin {
        padding: 20px 10px;
        font-size: 1.15em;
    }

    .controlSizing {
        font-size: 1.4em;
        padding: 15px 12px;
        width: 95%;
    }

    .headreg {
        width: auto;
        clear: both;
        font-weight: 500;
        font-size: 1.4em;
    }

    .panelImageText {
        float: right;
        margin-top: 20px;
        font-size: 1.3em;
        width: 93%;
        padding: 10px 0 20px 0;
    }

    .loginCtrlbox {
        font-size: 1.25em;
        width: 99%;
        padding: 20px 15px;
    }

    .txtbxreg {
        width: 95%;
        clear: both;
        margin: 5px 0 0 0;
    }

    .formReginnerOuter {
        margin: 10px 15px;
        width: 100%;
    }

    .rfvreg {
        font-size: 1.1em;
        margin-top: 10px;
        margin-right: 20px;
    }

    .loginaboutbx {
        height: 500px;
    }

    .btnSubscribe {
        font-size: 1.8em;
        padding: 25px 22px;
    }

    .btnBirth {
        margin: 8px 0;
        font-size: 1.7em;
        padding: 40px 25px;
        width: 98%;
    }

    .arrowimg {
        width: 220px;
        height: 100px;
    }

    .headline {
        width: 80%;
        margin: 20px auto;
        text-align: center;
    }

    .feedbackTextAlign {
        font-size: 1.3em;
    }

    .feedbackHeight {
        height: 350px;
    }

    .navLogin {
        font-size: 3em;
    }

    header {
        font-size: 3em;
    }

    .content {
        margin-top: 100px;
    }

    .leftCol {
        margin: auto;
        min-width: 100%;
    }

    .rightCol {
        min-width: 98%;
        margin-top: 20px;
        margin-left: 0;
    }

    .LarTile {
        width: 98%;
        height: auto;
        font-size: 1.6em;
        padding: 10px 20px;
        clear: both;
        overflow: hidden;
        margin-left: 0;
    }

    .topKundli {
        width: 300px;
        height: 200px;
    }

    .imgTile {
        /*width:40%;*/
        width: 160px;
        height: 160px;
        margin-top: 25px;
        margin-bottom: 8px;
    }


    .SmlTile {
        width: 29%;
        height: 300px;
        padding: 0 15px;
    }

    .birthLeft {
        width: 98%;
        text-align: center;
    }

    .defarrowouter {
        margin: 10px 0;
    }

    .topKundli {
        width: 900px;
        height: 800px;
    }

    .mainPanchangOuter {
        width: 100%;
    }

    .panchangTile {
        width: 420px;
        margin: 7px 12px;
        padding: 15px 10px;
        font-size: 1.5em;
    }

    welcomePartwidth {
        width: 98%;
    }

    .welcomePart {
        overflow: auto;
        text-align: center;
        border-radius: 0;
        margin-left: 0;
    }

    .adsDes {
        font-size: .9em;
    }

    .panchangOuter {
        width: 50%;
    }

    .birthdataOuter {
        width: 100%;
    }

    .headingBirthData {
        width: 100%;
        font-size: 2em;
        font-weight: 500;
        padding: 25px 30px;
    }

    .adsBg {
        margin-left: 20px;
        width: 47%;
        height: 200px;
        font-size: 1.3em;
    }

    .adsTextbg {
        width: 79%;
        margin-left: 5px;
        float: left;
    }

    .registerFormOuter {
        width: 98%;
    }

    .registerFormInner {
        width: 90%;
        margin: 18px auto 20px auto;
    }

    .articleOuter {
        margin-left: 0;
    }

    .articleCatTextOuter {
        margin-left: 0;
        width: 98%;
    }

    .astroPrRight {
        width: 100%;
    }

    .articleDesOuter {
        width: 100%;
    }

    .contactSiteName {
        width: 98%;
        text-align: center;
    }

    .contactImg {
        width: 60%;
        padding: 5px;
        height: 450px;
    }

    .feedbackForm {
        width: 95%;
    }

    .matchOuterMain {
        float: none;
        width: 98%;
        margin: 10px 0;
    }

    .settingOuter {
        width: 98%;
    }

    .settingOuterBD {
        width: 98%;
    }

    .matchHead {
        padding: 15px;
        font-size: 2em;
        font-weight: 600;
    }

    .settOuter {
        width: 100%;
        clear: both;
    }

    .settInner {
        float: none;
        padding: 5px 10px 7px 10px;
        width: 98%;
        margin: 0 0 15px 10px;
    }

    .settHead {
        font-size: 1.5em;
        float: none;
        font-weight: 500;
        width: 100%;
    }

    .settControl {
        float: none;
        width: 98%;
        padding: 10px 0;
    }

    .settDDL {
        padding: 20px 15px;
        font-size: 1.7em;
        width: 95%;
    }

    .topHeadingPage {
        padding: 30px 18px;
        font-size: 1.6em;
    }

    .OuterAstrolist {
        width: 97%;
        margin: 8px;
        padding-bottom: 15px;
    }

    .servheadBG {
        padding: 30px;
        font-size: 1.9em;
    }

    .servContent {
        padding: 15px 25px;
        width: 92%;
    }

    .servContentList {
        padding: 15px 40px 15px 42px;
        width: 94%;
    }

    .servAstImg {
        width: 96%;
        height: 500px;
        margin: 10px auto;
    }

    .txtAstrServ {
        line-height: 68px;
        width: 95%;
        margin-left: 0;
        padding: 10px 0;
        font-size: 1.1em;
    }

    .readmoreAStroServ {
        font-size: 1.5em;
        padding: 10px 20px;
    }

    .imgServAstr {
        clear: both;
        width: 100%;
        height: 550px;
    }

    .astServContent {
        margin-left: 0;
        line-height: 70px;
        font-size: 1em;
        width: 100%;
        padding: 15px 0;
        clear: both;
    }

    .servOuterAstroLoger {
        width: 98%;
        margin: 10px 0;
    }

    .servheadBG500 {
        padding: 20px 25px;
        font-size: 1.7em;
    }

    .txtAstrDetSer {
        width: 94%;
        margin: 0;
    }

    .innerMainPro {
        width: 98%;
        padding: 15px 0 15px 0;
        clear: both;
        margin: 25px;
    }

    .proSubHead {
        font-size: 1.7em;
        padding: 5px 5px 15px 0;
    }

    .protxtbox {
        padding: 18px 15px;
        font-size: 1.7em;
        margin: 10px 0;
        border: 1px solid gray;
        margin-bottom: 30px;
    }

    .protxtboxLong {
        height: 600px;
        width: 90%;
        font-size: .9em;
    }

    .imgProfile {
        width: 96%;
        height: 450px;
    }

    .lblEmailPro {
        font-size: 2em;
    }

    .fu500 {
        width: 95%;
        font-size: 1.7em;
        border: 1px solid gray;
    }

    .proImg {
        padding: 15px;
        margin-right: 25px;
        font-size: 1.4em;
        margin-top: 15px;
        float: right;
    }

    .outerTileAstProf {
        width: 91%;
        margin: 20px 10px 10px 20px;
        clear: both;
        border: 2px dashed rgba(62, 3, 86, 0.53);
        padding: 15px;
    }

    .txtbxServAst {
        padding: 15px;
        clear: both;
        margin: 20px 0;
        border: 1px solid gray;
        background: white;
        font-size: 1.7em;
        width: 90%;
    }

    .headProtxtAns {
        clear: both;
        margin: 20px 0;
        font-size: 1.7em;
    }

    .headProtxt500 {
        font-size: 1.7em;
    }

    .headProtxt {
        font-weight: 600;
        font-size: 1.6em;
        clear: both;
        width: 95%;
    }

    .headProtxt2 {
        font-size: 1.6em;
        width: 95%;
    }

    .expInnerDiv {
        clear: both;
        width: 98%;
    }

    .profAsthead {
        font-size: 2em;
    }

    .txtbxServAst2 {
        width: 90%;
    }

    .ddlServAst {
        padding: 15px;
        clear: both;
        margin: 20px 0;
        border: 1px solid gray;
        background: white;
        font-size: 1.7em;
        width: 94%;
    }

    .profAstBasicOuter {
        clear: both;
        padding: 10px;
        margin-top: 25px;
    }

    .proAstImg {
        width: 100%;
        height: 550px;
        clear: both;
    }

    .InnerTileBtnServ {
        width: 95%;
        margin: auto;
    }

    .btnSerAdd {
        padding: 30px 25px;
        font-size: 1.8em;
        width: 100%;
        margin-top: 20px;
        background: black;
        color: white;
    }

    .servOuterAstro {
        width: 95%;
        margin: 15px;
        border: 1px solid gray;
    }

    .txtAstrProServ {
        width: 95%;
        font-size: 1.3em;
        line-height: 60px;
        margin-left: 15px;
    }

    .servAstImg500 {
        width: 97%;
        height: 450px;
        margin: 10px;
    }

    .editBscBG {
        clear: both;
        padding: 30px 25px;
        color: white;
        font-size: 1.8em;
        width: 500px;
        text-align: center;
        margin: 10px 90px;
    }

    .txtbxServCK {
        width: 95%;
        border: 1px solid gray;
        height: 700px;
    }

    .headProtxt500 {
        font-size: 1.7em;
    }

    .ddlServAstPro {
        width: 94%;
    }

    .inrOuterSer {
        clear: both;
        width: 95%;
        padding-left: 20px;
    }

    .outerAstrServNew500 {
        margin-top: 15px;
    }

    .subheadAdmin {
        font-size: 1.7em;
        padding: 15px 0;
        font-weight: 600;
    }

    .txtbxAdmin {
        padding: 30px 10px;
        font-size: 1.5em;
        width: 95%;
        background: white;
        border: 1px solid gray;
        margin: 0 0 20px 0;
    }

    .imgOutWidthServ {
        width: 100%;
        margin-left: 15px;
        padding-left: 15px;
    }

    .validationerr {
        font-size: 1.4em;
        margin: 0 10px;
    }

    .imgNewAstServ {
        height: 300px;
        width: 300px;
    }

    .savBtn {
        padding: 20px 50px;
        font-size: 1.3em;
        float: right;
        margin: 25px 35px;
    }

    .mainHeadpred {
        font-size: 2.5em;
        margin: 40px 0 20px 0;
    }

    .predDOBouter {
        width: 90%;
        margin: auto;
        margin-top: 15px;
    }

    .bgDOBpred {
        width: 65%;
        margin: auto;
    }

    .headDOBpred {
        font-size: 1.3em;
        padding: 20px 15px;
    }

    .innerOutControl {
        clear: both;
        padding: 25px;
    }

    .subheadPred {
        font-size: 1.5em;
        margin: 5px 10px 0 0;
        width: 200px;
        margin-top: 26px;
    }

    .dobDDLpred {
        width: 200px;
        box-shadow: 4px 2px 15px gray;
        padding: 25px 20px;
        font-size: 1.5em;
    }

    .dobDDLpred2 {
        width: 200px;
    }

    .innerOutControl500 {
        margin-left: -35px;
    }

    .predExtraDate {
        width: 95%;
        height: 430px;
        margin: 15px 25px;
    }

    .calenderPred {
        width: 95%;
    }

    .predCntent {
        width: 98%;
        overflow: hidden;
        clear: both;
    }

    .btnPred {
        padding: 40px 45px;
        border: 1px solid gray;
        width: 98%;
        margin: 10px 10px 10px 15px;
        font-size: 1.8em;
    }

    .txtPredictions {
        padding: 15px 35px;
        font-size: .8em;
        line-height: 65px;
    }

    .horoLeftList {
        width: 90%;
        padding: 0;
        clear: both;
        /* margin-top:50px;*/
        margin-left: 30px;
    }

    .btnsOuterHoro {
        width: 95%;
        margin: 20px 35px;
        float: left;
    }

    .btnHoroList {
        padding: 20px 25px;
        cursor: pointer;
        float: left;
        font-size: 1.7em;
        margin: 5px 10px;
        width: 45%;
    }

    .horoRight {
        width: 95%;
        top: 10px;
    }

    .panel {
        height: 500mm;
        width: 100%;
    }

    .imgServAstr {
        clear: both;
        overflow: hidden;
        width: 100%;
        height: 600px;
    }

    .imgAstroServheight {
        height: 100%;
        width: 100%;
        clear: both;
    }

    .moleTile {
        width: 100%;
        clear: both;
        padding: 15px 30px;
        margin: 10px;
        font-size: 2em;
    }

    .imgMole {
        width: 120px;
        height: 120px;
        margin-right: 40px;
    }

    .moletxtlink {
        margin-top: 30px;
        margin-left: 10px;
    }

    .txtsearchSwap {
        font-size: 1.6em;
        width: 95%;
        padding: 30px 15px;
    }

    .btnSearchSwap {
        margin-left: 10px;
        padding: 20px 35px;
        font-size: 2em;
        margin-top: 25px;
    }

    .sapnOuterTile {
        width: 90%;
        padding: 25px;
        border: 1px solid #5e5858;
    }

    .headSapnImg {
        width: 140px;
        height: 140px;
    }

    .headSapn {
        font-size: 1.8em;
        width: 70%;
        padding: 15px 30px;
        margin: 0 0 20px 15px;
    }

    .subSapna {
        font-size: 1.7em;
        padding: 20px;
        margin: 5px 0 0 20px;
        border-bottom: 1px solid #cfcdcd;
    }

    .popupsapna {
        position: fixed;
        padding: 0;
        width: 90%;
    }

    .popupSapcross {
        font-size: 1.5em;
        padding: 15px;
    }

    .sapPred {
        text-align: center;
        padding: 60px 25px;
        line-height: 80px;
        font-size: 1.2em;
        margin-top: 25px;
    }

    .sapPopupbtn {
        font-size: 1.3em;
        padding: 20px;
        margin-top: 30px;
    }

    .srchOuterSwapn {
        padding: 40px 30px;
        width: 90%;
        margin: 30px auto 0 auto;
    }

    .resSapser {
        font-size: 1.1em;
        margin: 40px 50px 10px 50px;
    }

        .resSapser i {
            font-size: .6em;
        }

    .crossSapSer {
        font-size: 1.9em;
        padding: 15px 30px;
        font-weight: bold;
    }

    .srchRelated {
        padding: 20px 20px 0 20px;
        margin: 30px auto 0 auto;
    }

    .relSearch {
        font-size: 1em;
        text-decoration: none;
        margin: 0;
    }

    .relsrchlink {
        clear: both;
        font-size: 1.4em;
        padding: 20px 35px;
    }

    h1 {
        font-size: 2.5em;
        line-height: 1.4;
    }

    .subTileOuter {
        padding: 10px 15px;
    }

    .btnsOuterServ {
        margin-left: 20px;
    }

    .txtbxAdminHtLong {
        height: 600px;
    }

    .astroDetHead {
        padding: 10px 15px;
    }
}



.nav-link {
    color: goldenrod;
}

    .nav-link:hover {
        color: whitesmoke;
    }

.nav-dash {
    border-bottom: 1px solid grey;
}


/*=============================*/
.input-group-text {
    background-color: lightgray;
    color: black;
}