.article_detail_container{width:60%; margin:0 auto;}
.article_detail_panel{width:100%; float:left;}
.article_detail_panel h1{font-size:40px; line-height:40px; color:#000; text-align:center; margin:0px 0px 15px;}
.article_detail_panel h1:after{content:""; width:0px;}
.article_small_des{font-size:20px; font-weight:400; text-align:center; line-height:24px;}
.article_small_des p{font-size:20px; font-weight:400; text-align:center; line-height:24px;}
.article_imagebanner{width:100%; float:left;  position:relative;}
.article_imagebanner .share_icon{ min-width:215px;}
.article_imagebanner select{ position:absolute; right:10px;
    padding: 5px 10px; top:0px; box-shadow:0px 0px 25px rgba(0, 0, 0, 0.2);
    background-position: right 7px!important;
    border:solid 1px #336699; border-radius:5px 5px 0px 0px; border-bottom:none;
    font-weight: 500;
    color: #336699;
}

.home-product-block2 {width: 100%;float: left;}
.article_lg_banner{border-radius:15px; box-shadow:0px 0px 21px rgba(0, 0, 0, 0.18); margin:30px 0px 15px; width:100%;}
.celebrity-banner{ width: 350px; float: left; margin-right: 15px;}
.celebrity-banner2{border-radius: 15px; width: 350px;
    margin-right: 15px; float:left;
    border: solid 5px #fff;
    box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.30);}
.celebrity-area{ width: 100%; float: left;}
#important-dates .full-width {
    width: auto;
}
.celebrity-area h3{ padding-top: 10px;}
/* .celebrity-area h3::before{ content: "\2022"; margin-right: 5px; color: #ff0000; font-size: 30px; } */
.celebrity-area .share_icon{ position: inherit; text-align: center; left: 0px; margin: 0px 0px 20px;}
.celebrity-chart{ width: 100%; float: left;

    column-gap: 15px;
    row-gap: 1em; }

    .celebrity-chart img{ width: 100%; padding: 20px;}
   .celebrity-chart .block1 {

        background: #f0f0f0; padding: 15px; width: 55%; float: left; height: 390px;
      }

       .celebrity-chart .block2 { display: flex;  align-items: center;

        background: #fff; padding: 15px; width: 45%; float: left; border: solid 3px #f0f0f0; height: 390px;
      }

      .celebrity-chart .block3{  background: #fff; padding: 5px 15px; width: 48%; margin-right: 2%; float: left; border: solid 3px #f0f0f0;}
      .celebrity-chart .block3 h3{ font-size: 22px!important;}


.celebrity-chart { width: 100%; float: left; margin: 20px 0px 40px; }
.celebrity-chart h3{ font-family: 'Unna', serif;  margin-bottom: 10px!important; font-size:28px!important; border-bottom: solid 1px #ccc; text-align: left; color: #000000!important;padding-bottom: 6px;}
.celebrity-chart h3::before{ content: ""; margin-right: 0px;}
.celebrity-chart .birth-chart img{ width: 100%;}
.share_icon{text-align:center; display:none!important; border-radius:18px; border:solid 1px #f9c85a; padding:3px 10px; position:absolute; top:10px; background:#fff; left:35%; box-shadow:2px 0px 5px rgba(0, 0, 0, 0.14)}
.article_detail_content {width: 100%; float: left; font-size: 18px; line-height: 22px; font-weight:300!important;}
.article_detail_content p{line-height: 24px;}
.article_detail_content a{ color:blue;}
.article_detail_content a:hover{ text-decoration:underline;}
.article_detail_content h3{ margin-bottom:10px; color:#0e87a2; font-size:21px; font-weight:500;}
.article_detail_content h2{ margin-bottom:10px;}
.article_detail_content span {font-weight: 500!important;}
.article_detail_content ol{background: #f7f7f7; float: left; width: 100%; float: left; padding: 5px 0; border-bottom: solid 2px #efefef;}
.article_detail_content ol li {background: none;float: left;width: auto;padding: 5px 10px 5px 10px;margin: 0; display:table;}
.article_detail_content ul{ padding-bottom:6px; display:inline-block; width:100%;}
.article_detail_content li {list-style-type: none;float: left;margin-top: 5px; list-style: none; background-image:url(../../img/v2/bullet-point.png); background-repeat:no-repeat; background-position:left 10px; padding: 4px 0 4px 20px; line-height: 24px; float: left; width: 100%; margin-bottom:2px;}
.dmy-learn-horoscope{ border:none; padding:0px;}
.dmy-learn-horoscope li{ width:23.5%; border:solid 1px #efefef; border-radius:5px; margin-left:1%; display:inline-block; padding:4px 20px!important; background-position: 7px 13px; text-align:center; display:inline-block; float:none;}

.dmy-learn-horoscope li a{ color:#015dd3; font-weight:400; text-align:left; width:100%; font-size:17px;}

.article_detail_content ol li:before {content: "\f061"; font-family: 'FontAwesome'; color: red; padding-right:10px; display:table-cell}
.article_post_date{ width:100%; float:left; border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:5px 0px;}
.article_date{width:100%; float:left; font-size:15px; font-weight:400;}
.article_date img{ margin-right:5px;}
.sign-com-title{font-size:20px!important; font-weight:500; text-align:center;}
.line-row{ width:50px; height:1px; background:#b57e03; display:block; margin:10px auto;}
.moon-sign-image{ text-align:center; width:100%; display:inline-block;}
.moon-sign-image li{ width:50px; height:50px; display:inline-block; position:relative; border-radius:100%; border:solid 1px #ccc; line-height:50px;}

.sign-com-title span{ color:#b57e03}
.author_date{float:right; text-align:right;}
.article_like_share{width:100%; float:left; margin:20px 0px 0px;}
.article_like_share .likes{ background:#e9e9e9; color:#000; font-size:15px; font-weight:400; border-radius:20px; display:inline-block; padding:2px 30px 2px 20px;}
.article_like_share .share{font-size:15px; font-weight:400;}
.article_like_share .likes svg{color:#9a5eff; font-size:18px; margin-right:3px;}
.article_leave_comment{width:100%; float:left; background:#f9f9f9; border-radius:10px; padding:20px 30px; margin:40px 0px 0px;}
.article_leave_comment textarea{ border-radius:10px; padding:10px 15px; border-radius:10px; border:none; width:100%; box-shadow:0px 0px 38px rgba(0, 0, 0, 0.12); min-height:125px; margin-top:10px; font-weight:400;}
.line{ width:100%; text-align:center; position:relative; float:left}
.line:after{content:""; position:absolute; left:47.5%; width:5%; height:3px; background:#2e5e9c}
.article_leave_comment .post_btn{ background:#2e5e9c; font-size:19px; font-weight:500; color:#FFF; padding:5px 25px; margin-top:10px; border-radius:15px; border:none;}
.article_leave_comment h3{font-size:22px; font-weight:500; color:#000; border-bottom:solid 1px #cccccc; padding-bottom:10px;}
.more-horoscope{width:95%; text-align:center; display:inline-block; margin: 0px 2.5% 10px; background: #fff; justify-content: center;}
.more-horoscope h2{font-family:'Unna', serif; font-size:38px;}
.more-horoscope a{color:#337ab7; padding: 8px 0.6rem; font-weight:500; font-size:16px; display:inline-block;  width: 50%; float: left; text-align: left;}
.more-horoscope a:nth-of-type(1n){ width: 40%;}
.more-horoscope a:nth-of-type(2n){ width: 60%;}
.more-horoscope a:last-child{ width: 100%;}
.more-horoscope img{ width:22px; margin-right:5px;}
.more-horoscope a:hover{ color:#b47d01; }
.more-horoscope svg{color:#b47d01; width:19px; display:inline-block; vertical-align:middle; margin-right:5px;}
.more-horoscope svg path {fill:#b47d01;}
.dmy-block{width:100%; float:left; box-shadow:0 1px 6px 2px rgba(0,0,0,.15); min-height:215px; border-radius:5px; margin:10px 0px; line-height:24px;}
.dmy-block a{ color:#000!important;}
.dmy-block h4{ padding:0px; margin:0px; color:#FFF!important; padding:10px 10px; min-height:45px; font-weight:500; border-radius:5px 5px 0px 0px; margin-bottom:10px;}
.dmy-block a{ text-decoration:none!important;}
.dmy-block p{ padding:0px 15px; line-height:22px;}
.dmy-block img{ float:right; width:28px!important; vertical-align:top}

.related_articles{ width:100%; float:left; border-top:solid 2px #cecece; margin-top:20px; padding-top:40px; }
.three-block{ display: grid; grid-template-columns: repeat(3, calc(33.3% - 11px)); grid-gap: 15px; width: 100%;}

.aries-sign{background:#f6cdcd!important; background: -webkit-linear-gradient(to bottom, #f6cdcd, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f6cdcd, 10%, #ffffff)!important; }
.taurus-sign{background:#dbf4f7!important; background: -webkit-linear-gradient(to bottom, #dbf4f7, 10%, #ffffff)!important; background: linear-gradient(to bottom, #dbf4f7, 10%, #ffffff)!important; }
.gemini-sign{background:#f6f3c2!important; background: -webkit-linear-gradient(to bottom, #f6f3c2, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f6f3c2, 10%, #ffffff)!important; }
.cancer-sign{background:#daeed5!important; background: -webkit-linear-gradient(to bottom, #daeed5, 10%, #ffffff)!important; background: linear-gradient(to bottom, #daeed5, 10%, #ffffff)!important; }
.leo-sign{background:#f4dec7!important; background: -webkit-linear-gradient(to bottom, #f4dec7, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f4dec7, 10%, #ffffff)!important; }
.virgo-sign{background:#e0d3e3!important; background: -webkit-linear-gradient(to bottom, #e0d3e3, 10%, #ffffff)!important; background: linear-gradient(to bottom, #e0d3e3, 10%, #ffffff)!important; }
.libra-sign{background:#f5dce6!important; background: -webkit-linear-gradient(to bottom, #f5dce6, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f5dce6, 10%, #ffffff)!important; }
.scorpio-sign{background:#e0e3f7!important; background: -webkit-linear-gradient(to bottom, #e0e3f7, 10%, #ffffff)!important; background: linear-gradient(to bottom, #e0e3f7, 10%, #ffffff)!important; }
.sagittarius-sign{background:#e4f6ee!important; background: -webkit-linear-gradient(to bottom, #e4f6ee, 10%, #ffffff)!important; background: linear-gradient(to bottom, #e4f6ee, 10%, #ffffff)!important; }
.capricorn-sign{background:#f0e3da!important; background: -webkit-linear-gradient(to bottom, #f0e3da, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f0e3da, 10%, #ffffff)!important; }
.aquarius-sign{background:#f3e2f6!important; background: -webkit-linear-gradient(to bottom, #f3e2f6, 10%, #ffffff)!important; background: linear-gradient(to bottom, #f3e2f6, 10%, #ffffff)!important; }
.pisces-sign{background:#e3d69c!important; background: -webkit-linear-gradient(to bottom, #e3d69c, #ffffff)!important; background: linear-gradient(to bottom, #e3d69c, 10%, #ffffff)!important; }

.dasha-chart-block{ width: 100%; background: #fcfaf2; border-radius: 5px; border:solid 1px #dddddd}
.dasha-chart-block #vimshotri-dasa{ padding: 0px 15px;}
.dasha-chart-block button{ font-size: 1.25rem; text-align: left; border: none; background: none; font-weight: 500; border-bottom: solid 1px #ddd; padding: 15px; width: 100%;}
.dasha-chart-block button i{ float: right;}
/* .button-shape{border: solid 2px #000; background: #fff; position: relative; width: 99%; text-align: left; margin-bottom: 60px;}
.button-shape .icon{  width: 10%; text-align:center; float: left; margin-top: 10px;  border-right: solid 1px #cccccc;}
.button-shape .link-text{ text-align: left; width: 90%; display: inline-block; padding: 10px 0px 0px 20px;}
.button-shape:after{content:""; background: #599df0; border: solid 2px #000; position: absolute; bottom: -16px; width: 100%; left: 1%; height: 50px; z-index: -1;   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;} */

.button-shape2{ background: #dbe6f4; background: linear-gradient(79deg, rgba(217,225,242,1) 0%, rgba(239,244,251,1) 100%); position: relative;     align-items: center; width: 97%; float: right; display: flex; text-align: left; margin-bottom: 20px; border-radius: 5px; padding: 5px 2.5rem;}
.button-shape2 .icon img{ width: 68px; border-left: solid 1px #cccccc; margin-left: 20px; padding-left: 10px;}
.button-shape2 .line-shape{ position: absolute; height: 2px; width: 94%; left: 4%; top: -7px; background-color: #000;}
.button-shape2 .point-shape{ position: absolute; left: -3%; top: -13px;}
.button-shape2:after{content:""; background: #FFFFFF; border-radius: 5px; border: solid 2px #000000; position: absolute; bottom: -8px; width: 100%; left: .5%; height: 75px; z-index: -1; }
.button-shape2 h2{ padding-left: 30px;}
@media screen and (max-width: 1024px) {
.article_detail_container{width:100%!important;}
}

@media screen and (max-width: 768px) {
.article_detail_panel h1{ font-size:32px; line-height:32px;}
.breadcrumb li{ line-height:normal!important;}
.breadcrumb li:last-child{white-space: nowrap;
display: block !important;
overflow: hidden;
text-overflow: ellipsis; max-width:45%;}
.article_detail_panel p{ line-height:22px;}
.article_small_des{ font-size:18px; line-height:22px;}
.slick-arrow{ display:none!important;}
.astrology-report-grid{ padding-top:0px!important;}
.astrology-report-grid .home-product-block3{ margin-left:18px!important;}
}

@media screen and (max-width: 767px) {
.share_icon{ left:21%;}
.article_post_date{ margin-top:20pxfull-width;}
.article_like_share .text-right{ text-align:left; margin-top:10px;}
.article_detail_content img{ width:100%; height:auto;}
.article_date img{ width:18px!important;}
.celebrity-area .full_width{ width: 100%; float: left;}
.celebrity-area .removetd{ width: 100%; float: left;}
.celebrity-banner{ margin-bottom: 20px;}
.celebrity-chart{grid-template-columns: repeat(1, 1fr);}
.celebrity-chart .block1{ width: 100%; margin-bottom: 20px; min-height: auto;}
    .celebrity-chart .block2{ width: 100%;}
    .celebrity-chart .block3{ width: 100%; margin-bottom: 20px;}
    .button-shape2 .icon{ display: none;}
    .button-shape2 h2{ padding-left: 0px;}

    .three-block{grid-template-columns: repeat(1, calc(100% - 0px));}
}


.celebrity-banner2{ margin-bottom: 15px;}

.celebrity-chart .myImg {

    cursor: pointer;
    transition: 0.3s;
}

.celebrity-chart .myImg:hover {
    opacity: 0.7;
}

/* The Modal (background) */

.celebrity-chart .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}

/* Modal Content (Image) */

.celebrity-chart .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */

.celebrity-chart #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px; font-size: 22px; font-weight: 500;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */

.celebrity-chart .modal-content,
#caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

/* The Close Button */

.celebrity-chart .close1 {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.celebrity-chart .close1:hover,
.close1:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px) {
    .celebrity-chart .modal-content {
        width: 100%;
    }
}


.dasa-box {
    border: solid 1px #ed1848;
    width: 100%;
    float: left;
    border-radius: 10px;
    background: #fff;
}
.dasa-box-head td {
    padding-right: 5px;
}

#important-dates{ margin-bottom: 20px;}
#important-dates h2{ margin: 0px;}
#important-dates h2 a{ font-family: 'Unna', serif; color: blue; font-size: 30px; font-style: italic;     text-shadow: -1px -2px 0px #fff;}