.bottom-cont{
	padding: 10px 25px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.top-cont h1{
	text-align:center;
}
.top-cont p{
	text-align:justify;
	padding:10px 20px;
	font-size:16px;
	color:black;
}
.bottom-cont h2{
	text-align:left;
}
.bottom-cont p{
	text-align:justify;
	font-size:14px;
	color:black;
}
.ast_overview_info p{
	width:100% !important;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    border: 0 !important
}

.mode {
    font-family: Rokkitt, serif;
    width: 90%;
    top: 260px;
    height: auto;
    border: 14px solid #ddd;
    border-radius: 0;
    margin-bottom: 30px;
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    color: #fff
}

.mode .close {
    color: #fff !important;
    position: relative !important;
    left: 5% !important;
    opacity: 1 !important
}

.mbody {
    padding: 20px 60px !important;
    margin-bottom: 30px !important
}

.ast_vedic_astro_box p {
    width: 100%;
    margin: 15px 0;
    text-align: justify !important;
    height: 105px;
    padding: 10px;
    color: #333;
    font-size: 15px
}

.as_sign_box:hover {
    background-image: -moz-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    border-color: #e7e7e7
}

.as_sign_box .as_sign {
    background-color: #fff;
    box-shadow: -2px 0 15px 0 rgb(0 0 0 / 6%);
    height: 56px;
    width: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 14px;
    border-radius: 100%;
    transition: all .3s linear
}

.as_sign_box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    box-shadow: -2px 0 28px 0 rgb(0 0 0 / 5%);
    border: 1px solid #e7e7e7;
    margin-top: 30px;
    transition: all .3s linear
}

.as_sign_box h5 {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 2px;
    transition: none;
    transition: all .3s linear;
    line-height: 30px
}

.as_sign_box p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    transition: none
}

.as_sign_box:hover h5,
.as_sign_box:hover p {
    color: #fff
}

.logsec-numer {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Merienda One", cursive;
    position: absolute;
    top: 5%;
    left: 26%
}

.logsec-numer a {
    color: #ff6f00 !important;
    text-decoration: underline !important
}

.logsec-zodiac {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Merienda One", cursive;
    position: absolute;
    top: 5%;
    left: 26%
}

.logsec-zodiac a {
    color: #ff6f00 !important;
    text-decoration: underline !important
}

.todayover .img-radius {
    border-radius: 50%;
    width: 200px;
    height: 200px
}

.holiday .list {
    padding: 10px;
    box-shadow: 0 4px 25px -6px #777;
    margin: 10px;
    height: 80px;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ff6f00
}

.holiday .list h4 {
    font-size: 18px;
    font-family: Open Sans, sans-serif
}

.overview-block {
    background-color: #fff;
    padding: 20px 20px;
    box-shadow: 4px 4px 6px -6px #777
}

.ast_about_info_img {
    width: 60% !important;
    float: none !important;
    margin: 0 auto !important
}

.horoscope .ast_heading h2 {
    margin-top: 25px
}

.sweet-alert .sa-icon.sa-custom {
    background-color: #ea7316 !important;
    border-radius: 50% !important;
    padding: 15px !important
}

.mySlides h3 {
    color: #ff6f00;
    text-align: left;
    font-size: 30px
}

.mySlides h1 {
    text-align: left;
    color: #fff;
    font-size: 50px
}

.mySlides p {
    font-size: 19px;
    text-align: left;
    font-weight: 400
}

#loginModal .modal-dialog,
#passwordModal .modal-dialog,
#signupModal .modal-dialog {
    width: 400px !important;
    top: 19% !important
}

#loginModal .modal-content,
#passwordModal .modal-content,
#signupModal .modal-content {
    border-radius: 0 !important;
    padding: 20px 30px !important;
    border-bottom: 0 !important
}

#loginModal .signhead,
#passwordModal .signhead,
#signupModal .signhead {
    padding: 0 !important;
    border-bottom: 0 !important
}

#loginModal .signfood,
#passwordModal .signfood,
#signupModal .signfood {
    padding: 0 !important;
    border-top: 0 !important
}

#loginModal .signbody,
#passwordModal .signfood,
#signupModal .signbody {
    padding: 0 !important
}

#login_form input,
#passwordModal input,
#regiter_form input {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 45px;
    padding: 0 15px;
    margin-bottom: 15px
}

#login_form .ast_login_data,
#regiter_form .ast_login_dat {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

input[type=checkbox],
input[type=radio] {
    height: 20px !important;
    margin-bottom: 1px !important;
    width: 39px !important;
    margin: 10px 0
}

.ast_bottompadder40 {
    padding-bottom: 40px
}

.ast_toppadder40 {
    padding-bottom: 40px
}

/*.logchange {
    color: transparent;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%)
}*/
.logchange{
    filter: blur(5px);
    pointer-events: none; /* Prevent interaction with blurred content */
}

.logsec {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Merienda One", cursive;
    position: absolute;
    top: 30%;
    left: 26%
}

.logsec a {
    color: #ff6f00
}

.logsec a:hover {
    text-decoration: underline
}

.loginsession {
    margin-right: 60px !important;
    margin-top: -63px !important;
    font-weight: 700 !important;
    float: right !important;
    font-family: "Open Sans", sans-serif !important
}

.loginsession li {
    list-style-type: none !important;
    color: #fff !important
}

.loginsession .dropdown-menu {
    background-color: #333;
    box-shadow: 0 4px 22px -7px #000;
    transition: all 0s
}

.logs {
    width: 180px !important;
    right: -50px !important;
    left: auto !important
}

.logs li a {
    padding: 10px;
    width: 100%;
    border-top: 0;
    border-bottom: 1px solid #555;
    color: #ffff !important;
    transition: all 0s
}

.logs li a:hover {
    border-top: 0;
    background-color: #ff6f00 !important;
    color: #fff !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.mobli {
    display: none !important
}

.as_verticle_center {
    display: flex;
    align-items: center
}

.as_banner_wrapper {
    padding: 130px 310px 0
}

.as_banner_img img {
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
    display: inline-block
}

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

.slideshow-container {
    position: relative;
    background: 0 0;
    color: #fff;
    font-size: 25px;
    font-weight: 700
}

.mySlides {
    display: none;
    padding: 20px;
    text-align: center
}

.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 15px 15px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    border-radius: 20px;
    user-select: none;
    font-size: 15px;
    background-color: #ff7010
}

.prev {
    position: absolute;
    left: -200px
}

.next {
    position: absolute;
    right: 0;
    border-radius: 20px;
    right: -800px
}

.next:hover,
.prev:hover {
    background-color: rgba(0, 0, 0, .8);
    color: #fff
}

.dot-container {
    text-align: center;
    padding: 20px;
    background: transition
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #ff7010;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.as_banner_wrapper .active,
.dot:hover {
    background-color: #717171
}

q {
    font-style: italic
}

.author {
    color: #6495ed
}

.as_blog_box {
    margin-top: 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: -2px 0 28px 0 rgb(0 0 0 / 5%);
    border: 1px solid #e7e7e7;
    overflow: hidden
}

.as_blog_img {
    position: relative;
    margin-bottom: 36px
}

.as_blog_img .img-responsive {
    width: 100%;
    height: 250px
}

.as_blog_img .as_btn {
    position: absolute;
    right: 35px;
    bottom: -25px;
    color: #fff;
    padding: 0 5px
}

.as_btn,
.as_btn:focus,
.as_btn:visited {
    height: 45px;
    background-image: -moz-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    font-size: 14px;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    padding: 0 23px;
    border: none !important;
    position: relative;
    color: var(--white-color);
    border-radius: 45px;
    outline: 0;
    min-width: 160px;
    justify-content: center;
    outline: 0;
    z-index: 1;
    overflow: hidden
}

.as_blog_img .as_btn:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
    background-image: -moz-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -webkit-linear-gradient(0deg, #f4aa36 0, #f37335 100%);
    background-image: -ms-linear-gradient(0deg, #f4aa36 0, #f37335 100%)
}

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

.as_blog_box ul li {
    display: inline-flex;
    margin-right: 30px;
    font-size: 14px;
    line-height: 24px
}

.as_blog_box .as_subheading {
    line-height: 28px;
    margin: 8px 0;
    text-align: left
}

.as_subheading {
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    height: 80px
}

.as_subheading a {
    color: #000
}

.as_blog_box .as_subheading a:hover,
a:focus {
    color: #f38335;
    text-decoration: none
}

.as_font14 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.as_margin0 {
    margin: 0
}

.as_font14 as_margin0 p {
    text-align: justify;
    color: #000
}

.as_blog_img .as_btn {
    position: absolute;
    right: 35px;
    bottom: -25px;
    color: #fff;
    padding: 0 5px
}

.as_btn {
    height: 50px;
    background-color: #ff7010;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    padding: 0 23px;
    position: relative;
    margin-left: 15px;
    color: #fff;
    border: none !important;
    outline: 0
}

.as_btn:after,
.as_btn:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid #ff7010
}

.as_btn:before {
    left: auto;
    right: 100%;
    border-left: none;
    border-right: 15px solid #ff7010
}

.check_section .img-radius {
    border-radius: 120px;
    height: 200px;
    margin: 0 auto;
    width: 200px
}

.alert {
    padding: 10px !important
}

.ast_blog_img .ast_date_tag {
    font-size: 13px
}

.single-blog .ast_blog_info_heading {
    height: auto !important
}

.single-blog .ast_blog_info_details {
    height: auto !important
}

.single-blog p {
    text-align: justify !important
}

.birthprofile .ast_journal_box_wrapper form {
    padding: 40px 60px !important;
    height: 370px
}

#birthModal .modal-dialog {
    top: 120px !important
}

.fcookie .ast_heading p {
    font-size: 20px !important;
    font-family: Merienda One !important
}

.fcookie .ast_journal_box_wrapper {
    padding: 40px 90px;
    -webkit-box-shadow: 0 4px 25px -6px #777;
    border-top: 3px solid #ff6f00;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-family: Merienda One;
    font-size: 20px
}

.fcookie #fback {
    background-image: url(../images/s1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    height: 350px;
    margin-top: 35px
}

#buttonContainer {
    width: 100%;
    text-align: center
}

.tech {
    position: relative;
    top: 85px;
    left: 23%;
    padding: 30px 30px 0 195px;
    font-size: 17px;
    font-style: italic;
    line-height: 24px;
    font-family: georgia;
    color: #333;
    text-align: center;
    word-break: keep-all;
    width: 550px
}

.numerology .ast_journal_box_wrapper form {
    padding: 10px 25px
}

#lifePathModal .modal-dialog {
    top: 120px !important
}

#lifePathModal .modal-content {
    height: 600px;
    overflow: hidden;
    overflow-y: scroll
}

#lifePathModel .modal-footer {
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    background-color: #fff !important
}

.hexagram .hexa-block {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 40px 25px;
    webkit-box-shadow: 0 4px 25px -6px #777;
    -moz-box-shadow: 0 4px 25px -6px #777;
    -ms-box-shadow: 0 4px 25px -6px #777;
    -o-box-shadow: 0 4px 25px -6px #777;
    box-shadow: 0 4px 25px -6px #777
}

#hexatab {
    width: 30%;
    margin: 0 auto;
    border: 0
}

#hexatab li>a {
    line-height: 1.42857143;
    border: 1px solid transparent;
    background-color: #ffff;
    box-shadow: inset 0 -8px 7px -9px rgb(0 0 0 / 40%), -2px -2px 5px -2px rgb(0 0 0 / 40%);
    padding: 10px;
    font-weight: 700
}

#hexatab li.active>a,
.nav-tabs>li>a:hover {
    color: #fff !important;
    background: #ff6f00 !important;
    box-shadow: inset 0 -8px 7px -9px rgb(0 0 0 / 40%), -2px -2px 5px -2px rgb(0 0 0 / 40%)
}

.tab-content>.tab-pane {
    min-height: 400px !important;
    margin: 40px 20px !important
}

.hexacontent h3 {
    font-size: 30px
}

.hexacontent p {
    font-family: "Merienda One", cursive;
    color: rgb(0 0 0 / 76%);
    font-size: 17px
}

.hexacontent strong {
    font-weight: 700;
    color: #000
}

.magic-section {
    margin-top: 40px;
    background-image: url(../images/Magic_8_ball.jpg);
    background-size: 30%;
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center
}

#sec-crush {
    display: block;
    margin: 0 auto;
    background-color: #ff6f0038;
    padding: 50px
}

#dargon-image {
    background-image: url(../images/Chinese_dragon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 370px;
    background-size: 30%
}

#dargon-quote {
    position: relative;
    top: 70%;
    left: 33%;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    border-radius: 5px;
    padding: 1rem
}

#dargon-quote p {
    background-color: rgba(0, 0, 0, .8);
    height: 70px;
    padding: 5px;
    width: 300px
}

.luck p {
    font-family: Philosopher, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #333;
    font-size: 23px;
    margin-top: 15px
}

#cristal-image {
    background-image: url(../images/Crystal_Ball.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
    background-size: 30%
}

#crystal-quote {
    position: relative;
    top: 35%;
    left: 45%;
    font-size: 18px;
    color: #ff6f00;
    font-weight: 700
}

#shell-image {
    background-image: url(../images/game/shell-oracle.webp);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px
}

#shell-quote {
    position: absolute;
    top: 35%;
    left: 38%;
    color: #fff;
    width: 251px;
    padding: 0 5px;
    text-align: center
}

.compatibility .select-large {
    width: 70%;
    margin: 30px auto;
    position: relative;
    left: 16%
}

.btsection {
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
    color: #fff
}

.procestitle {
    text-align: center;
    padding-bottom: 0;
    margin-top: 30px;
    padding-top: 0;
    color: #ff6f00
}

.procescentent {
    text-align: justify;
    padding: 10px 30px;
    line-height: 25px;
    color: #000;
    font-size: 17px
}

.search_boxx {
    background: url(https://assets.astrologyanswers.com/ee-assets/compatibility/images/dog_bg.jpg) no-repeat;
    background-size: 90% 100%;
    min-height: 180px;
    background-position: center
}

.search_boxx h3 {
    text-align: left !important
}

.pets {
    position: absolute;
    left: 25%;
    top: 15px
}

.petsright {
    position: absolute;
    right: -25%;
    top: -6px
}

.petmob {
    display: none
}

.hexaimg {
    float: left;
    width: 35%
}

.hexcontent {
    float: right;
    width: 60%;
    text-align: justify;
    line-height: 30px;
    font-size: 16px;
    color: #333
}

.card-arrange {
    margin-left: 60px
}

.dtarot .con {
    color: #333;
    font-size: 25px;
    text-align: justify
}

#lucky_tarot .card {
    margin-left: -74px !important
}

#lucky_tarot .card-arrange {
    margin-left: 66px !important
}

.keyword {
    text-align: center;
    font-weight: 700;
    font-family: "Merienda One", cursive;
    margin-bottom: 50px;
    font-size: 18px
}

.luckytat .tarot-block {
    margin-bottom: 50px !important
}

.twocard {
    width: 50%;
    margin: 0 auto
}

.twocardleft {
    width: 35%;
    float: left
}

.twocardright {
    width: 35%;
    float: right
}

.trulovecon .con {
    padding: 10px 50px 30px 10px;
    color: #333;
    font-size: 25px;
    text-align: justify
}

.con p {
    padding: 10px 50px 30px 10px;
    color: #333;
    font-size: 25px;
    text-align: justify
}

.horos_card {
    box-shadow: 0 4px 25px -6px #777;
    padding: 50px 100px;
    text-align: justify;
    color: #000;
    font-size: 16px
}

.horos_card h2 {
    color: #ff6f00;
	text-align:left;
	
}

.ast_pp_section {
    background-color: #fff !important;
    padding: 50px 50px
}

.ast_pp_section p {
    margin: 0 0 25px !important;
    text-align: justify !important
}

.ast_about_info_img img {
    width: 100% !important
}

#contactus-form input,
textarea {
    width: 100%;
    height: 35px;
    padding: 0 15px;
    border: 1px solid #fff;
    color: #fff;
    margin: 5px 0;
    border-radius: 3px 0 0 3px;
    background-color: transparent;
    -webkit-transition: all .5s
}

#contactus-form textarea {
    width: 100%;
    height: 80px;
    padding: 0 15px;
    border: 1px solid #fff;
    color: #fff;
    margin: 5px 0;
    border-radius: 3px 0 0 3px;
    background-color: transparent;
    -webkit-transition: all .5s
}

.profile {
    padding: 135px 0 80px 0 !important
}

.card1 {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    margin-bottom: 30px
}

#profile-tab li a {
    color: #000;
    font-family: "Open Sans";
    font-weight: 600
}

#profile-tab>li.active>a,
.nav-tabs>li>a:hover {
    background: #ff6f00 !important;
    color: #fff
}

.main .heading {
    font-family: Philosopher, sans-serif !important;
    text-align: center;
    margin: 20px auto;
    text-transform: capitalize;
    font-size: 30px
}

.main .img-circle {
    border-radius: 50%;
    border: 5px solid #ff6f00;
    padding: 10px
}

.img-responsive {
    display: block;
    max-width: 75%;
    height: auto
}

.rotate {
    padding-top: 30px;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

.astrofamous {
    margin-left: -35px !important
}

.astrofamous .imgs-responsive {
    width: 100% !important;
    height: 310px !important
}

.astrofamous .border {
    height: 90px !important;
    text-align: center !important
}

#Tarot .numcontent {
    padding: 10px 50px;
    text-align: justify;
    color: #000;
    font-size: 18px;
    margin-bottom: 25px
}

#birth .astrobirth {
    text-align: justify;
    font-size: 18px;
    line-height: 40px;
    padding: 60px;
    color: #000
}

#Astrology .astroyear {
    padding: 10px 50px;
    text-align: justify;
    color: #000;
    font-size: 18px;
    margin-bottom: 25px
}

.pass-set {
    width: 40%;
    margin: 0 auto
}

.ast_blog_box {
    border: 1px solid #ddd !important;
    padding: 10px !important
}

.ast_blog_box:hover {
    -webkit-box-shadow: 0 10px 15px -10px #777;
    -moz-box-shadow: 0 10px 15px -10px #777;
    -ms-box-shadow: 0 10px 15px -10px #777;
    -o-box-shadow: 0 10px 15px -10px #777;
    box-shadow: 0 10px 15px -10px #777
}
.birth-data{
		text-align: justify;
		font-size: 16px;
		line-height: 29px;
		padding:10px 40px ;
		color:black;
}

@media (max-width:767px) {
    #loginModal .modal-dialog,
    #passwordModal .modal-dialog,
    #signupModal .modal-dialog {
        width: 95% !important;
        top: 19% !important
    }
    .loginsession {
        display: none !important
    }
    .mobli {
        display: block !important
    }
    .ast_menu .mobli .submenu li {
        width: 100% !important
    }
    .ast_heading p {
        font-size: 15px;
        text-align: justify !important;
        margin-bottom: 30px !important
    }
    .no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .hexa-block h4 {
        text-align: center !important;
        line-height: 25px !important
    }
    .magic-section {
        background-size: 100% !important
    }
    #cristal-image {
        background-size: 100% !important
    }
    #cristalForm .form-control {
        width: 100% !important
    }
    #crystal-quote {
        left: 33% !important;
        font-size: 15px !important
    }
    #dargon-image {
        background-size: 100% !important
    }
    #dargon-quote {
        top: 65% !important;
        left: -3% !important
    }
    #dargon-quote p {
        width: 280px !important
    }
    #shell-quote {
        left: 9% !important;
        width: 230px !important
    }
    #sec-crush {
        padding: 0 !important;
        background-color: #fff !important
    }
    .input-large {
        margin: 5px 10px !important
    }
    .compatibility .select-large {
        width: 100% !important;
        margin: 30px auto !important;
        position: relative !important;
        left: 0 !important
    }
    .btsection {
        width: 100% !important
    }
    .procescentent {
        padding: 10px 20px !important
    }
    .procescentent h3 {
        font-size: 20px !important;
        line-height: 30px !important
    }
    .petmob {
        display: block !important;
        margin: 10px auto !important
    }
    .search_boxx {
        background-image: none !important
    }
    .pets {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important
    }
    .petsright {
        position: relative !important;
        left: 16% !important;
        margin-top: 30px !important
    }
    .ast_comp p {
        text-align: center !important
    }
    .fcookie .ast_journal_box_wrapper {
        padding: 40px 40px !important
    }
    .fcookie #fback {
        background-size: 100% 100% !important;
        height: 300px !important
    }
    .tech {
        position: relative !important;
        top: 100px !important;
        left: 32% !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        width: 150px !important
    }
    #hexatab {
        width: 109% !important
    }
    .hexaimg {
        width: 100% !important
    }
    .hexcontent {
        width: 100% !important
    }
    .hexcontent h3 {
        text-align: center !important
    }
    .tarot-deck .card {
        width: 106px !important;
        margin-left: -98px !important
    }
    .card-arrange {
        margin-left: 98px !important
    }
    .card-responsive1 {
        max-width: 84% !important
    }
    .dtarot .con {
        color: #333;
        font-size: 20px !important;
        text-align: justify
    }
    .dream-keys li {
        padding: 10px 0 !important
    }
    .yesno h2 {
        text-align: center !important
    }
    .luckytat .tarot-block {
        margin-bottom: 50px !important
    }
    #lucky_tarot .card {
        margin-left: -100px !important
    }
    #lucky_tarot .card-arrange {
        margin-left: 100px !important
    }
    .truel-tarot .card {
        margin-left: 0 !important;
        height: 200px
    }
    .twocard {
        width: 100%;
        margin: 0 auto
    }
    .twocardleft h4,
    .twocardright h4 {
        font-size: 14px
    }
    .twocardleft {
        width: 46%;
        float: left
    }
    .twocardright {
        width: 51%;
        float: right
    }
    .ltbtn {
        margin-left: -21px
    }
    .trulovecon .con {
        padding: 10px 10px 30px 10px;
        color: #333;
        font-size: 25px;
        text-align: justify;
        font-size: 20px
    }
    .as_banner_wrapper {
        padding: 80px 35px 15px !important
    }
    .slideshow-container {
        font-size: 16px !important
    }
    .as_verticle_center {
        flex-direction: column !important
    }
    .author {
        color: #ff6f00 !important
    }
    .ast_toppadder100 {
        padding-top: 0 !important
    }
    .ast_overview_info h1 {
        margin: 30px 0 !important;
        line-height: 35px !important
    }
    .ast_bottompadder100 {
        padding-bottom: 50px !important
    }
    .ast_about_info p {
        text-align: justify !important
    }
    .ast_horoscope_box p {
        display: none !important
    }
    .ast_heading {
        margin-bottom: 10px !important
    }
    .horos_card {
        padding: 50px 30px !important
    }
    .astrofamous {
        margin-left: 0 !important
    }
    #Tarot .numcontent {
        padding: 10px 0 !important
    }
    .main .heading {
        font-size: 22px !important
    }
    #birth .astrobirth {
        line-height: 30px !important;
        padding: 15px !important
    }
    #Astrology .astroyear {
        padding: 10px 20px !important;
        line-height: 30px !important
    }
    .astrofamous .border {
        height: 130px !important
    }
    .mySlides h3 {
        color: #ff6f00;
        text-align: left;
        font-size: 25px !important
    }
    .mySlides h1 {
        text-align: left;
        color: #fff;
        font-size: 30px !important
    }
    .mySlides p {
        font-size: 16px !important;
        text-align: left
    }
    .ast_about_info_img {
        width: 60% !important;
        float: none !important;
        margin: 0 auto !important
    }
    .astrofamous .imgs-responsive {
        width: 100% !important;
        height: auto !important
    }
    .born .border {
        height: 130px !important
    }
    .ast_horoscope_box a {
        padding: 0 !important
    }
    .ast_horoscope_box .signcon {
        height: 70px
    }
    .ast_horoscope_box h4 {
        margin: 10px 0 10px 0 !important
    }
    .ast_logo {
        padding: 0 0 !important
    }
    .events .imgage-responsive {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important
    }
    .events .border {
        height: 130px !important
    }
    .events .mask {
        position: absolute !important;
        padding: 5px !important;
        top: 0 !important;
        width: 82% !important;
        height: 56.5% !important;
        background: rgb(253 111 14 / 52%) !important;
        color: #fff !important
    }
    .events .mask p {
        font-size: 14px !important;
        line-height: 16px !important;
        font-weight: 600 !important;
        margin: 10px 0 !important
    }
    .holiday .list {
        padding: 5px !important;
        box-shadow: 0 4px 25px -6px #777 !important;
        margin: 10px !important;
        background-color: #fff !important;
        text-align: center !important;
        height: auto !important;
        border: none !important
    }
    .holiday .list h4 {
        line-height: 30px !important
    }
    .celbrn .mask {
        position: absolute;
        padding: 5px !important;
        top: 0 !important;
        width: 82% !important;
        height: 56.5% !important;
        background: rgb(253 111 14 / 52%) !important;
        color: #fff !important
    }
    .celbrn .mask p {
        font-size: 12px !important;
        font-weight: 600 !important;
        margin: 6px 0 !important
    }
    .logsec-numer {
        position: relative !important;
        top: 25px !important;
        left: 10% !important;
        width: 82% !important;
        text-align: center !important
    }
    .about_slider.slider_half .card,
    .lifepath .about_slider .card {
        left: 16% !important;
        height: 0 !important
    }
    .about_slider.slider_half .card,
    .lifepath .about_slider.slider_half img {
        width: 200px !important
    }
    .pass-set {
        width: 100% !important;
        margin: 0 auto
    }
    .logsec-zodiac {
        top: 2% !important;
        left: 14% !important;
        width: 70% !important;
        text-align: center !important
    }
    .dailyHor {
        top: 35% !important;
        left: 14% !important;
        width: 70% !important;
        text-align: center !important
    }
    .yesno p {
        padding: 0 !important;
        font-size: 20px !important;
        text-align: justify !important
    }
    .trulovecon p {
        padding: 0 !important
    }
    .dtaort .con p {
        padding: 0 !important
    }
    .as_sign_box {
        padding: 20px 15px !important;
        line-height: 25px !important
    }
    .as_sign_box h5 {
        font-size: 18px !important
    }
    .as_sign_box p {
        font-size: 13px !important
    }
    .mode {
        width: 100% !important;
        top: 200px !important
    }
    .mbody {
        padding: 20px 35px !important
    }
    .mbody p {
        font-size: 19px !important
    }
    .ast_vedic_astro_box p {
        width: 100%;
        margin: 15px 0;
        text-align: justify !important;
        height: 120px !important;
        padding: 10px;
        color: #333;
        font-size: 15px
    }
	.horos_card h2 {
		color: #ff6f00;
		text-align:center !important;
	
	}
	.birth-data{
		text-align: justify;
		font-size: 15px !important;
		line-height: 25px !important;
		padding:10px 15px !important;
		color:black;
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .loginsession {
        margin-right: 85px !important;
        margin-top: -65px !important
    }
    .ast_heading p {
        font-size: 17px !important;
        text-align: justify !important;
        margin-bottom: 30px !important
    }
    .ast_comp p {
        text-align: center !important
    }
    .hexa-block h4 {
        text-align: center !important;
        line-height: 30px !important;
        font-size: 23px
    }
    .magic-section {
        background-size: 41% !important
    }
    #dargon-image {
        background-size: 50% !important
    }
    #dargon-quote {
        left: 22% !important
    }
    #shell-quote {
        left: 32% !important;
        width: 230px !important
    }
    .petsright {
        position: absolute;
        right: 15% !important
    }
    .petmob {
        display: none
    }
    .fcookie #fback {
        background-size: 100% !important
    }
    .tech {
        top: 90px !important;
        left: 0 !important
    }
    #hexatab {
        width: 45% !important
    }
    .hexcontent {
        width: 65% !important
    }
    .tarot-deck .card {
        margin-left: -84px !important
    }
    .card-arrange {
        margin-left: 74px !important
    }
    .card-responsive1 {
        max-width: 37% !important
    }
    .border {
        width: 40% !important;
        position: relative !important;
        left: 27% !important
    }
    .dtarot .con {
        color: #333;
        font-size: 25px;
        text-align: justify
    }
    .yesno h2 {
        text-align: center !important
    }
    #lucky_tarot .card {
        margin-left: -87px !important
    }
    #lucky_tarot .card-arrange {
        margin-left: 68px !important
    }
    .luckytat .tarot-block {
        margin-bottom: 50px !important
    }
    .truel-tarot .card {
        margin-left: 0 !important
    }
    .twocard {
        width: 80%;
        margin: 0 auto
    }
    .trulovecon .con {
        padding: 10px 50px 30px 10px;
        color: #333;
        font-size: 25px;
        text-align: justify
    }
    .as_banner_wrapper {
        padding: 80px 15px 30px 15px
    }
    .slideshow-container {
        font-size: 20px !important
    }
    .mySlides {
        padding: 20px 10px !important
    }
    .ast_about_info_img img {
        margin-top: -20px !important
    }
    .ast_about_info_img {
        width: 80% !important;
        float: none !important;
        margin: 25px auto 0 !important
    }
    .ast_bottompadder100 {
        padding-bottom: 60px !important
    }
    .ast_toppadder100 {
        padding-top: 25px !important
    }
    .ast_overview_info h1 {
        width: 100% !important;
        text-align: center !important;
        margin: 20px 0 !important
    }
    .ast_overview_info p {
        width: 100% !important
    }
    .ast_horoscope_box p {
        display: none !important
    }
    .astrofamous .border {
        width: 100% !important;
        left: 0 !important
    }
    .img-responsive {
        max-width: 100% !important
    }
    .mySlides h3 {
        color: #ff6f00;
        text-align: left;
        font-size: 28px !important
    }
    .mySlides h1 {
        text-align: left;
        color: #fff;
        font-size: 40px !important
    }
    .mySlides p {
        font-size: 17px !important;
        text-align: left
    }
    .astrofamous .imgs-responsive {
        height: 258px !important
    }
    .born .border {
        width: 100% !important;
        left: 0 !important;
        height: 130px !important
    }
    .ast_horoscope_box a {
        padding: 10px !important
    }
    .ast_horoscope_box h4 {
        margin: 10px 0 10px 0 !important
    }
    .ast_logo {
        padding: 5px 0 !important
    }
    .ast_pagetitle {
        padding: 135px 0 80px 0 !important
    }
    .events .imgage-responsive {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important
    }
    .events .border {
        width: 100% !important;
        left: 0 !important
    }
    .events .mask {
        position: absolute !important;
        padding: 10px !important;
        top: 0 !important;
        width: 86% !important;
        left: 7% !important;
        height: 72% !important;
        background: rgb(253 111 14 / 52%) !important;
        color: #fff !important
    }
    .events .mask p {
        font-size: 14px !important;
        line-height: 24px !important;
        font-weight: 600 !important;
        margin: 12px 0 !important
    }
    .celbrn .mask {
        position: absolute !important;
        padding: 10px !important;
        top: 0 !important;
        width: 85% !important;
        left: 7% !important;
        height: 61% !important;
        background: rgb(253 111 14 / 52%) !important;
        color: #fff !important
    }
    .celbrn .mask p {
        font-size: 13px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        margin: 12px 0 !important
    }
    .pass-set {
        width: 80% !important;
        margin: 0 auto
    }
    .logsec-zodiac {
        left: 20% !important
    }
    .dailyHor {
        left: 18% !important
    }
    .ast_vedic_astro_box p {
        margin: 10px 0 !important;
        text-align: justify !important;
        height: 150px !important;
        padding: 0 !important;
        color: #333 !important;
        font-size: 14px !important
    }
    .mode {
        left: 6% !important;
        top: 180px !important
    }
    .as_banner_img img {
        width: 100% !important;
        height: auto !important
    }
}

@media (min-width:768px) {
    .ast_vedic_astro_box img {
        width: 100% !important;
        height: auto !important
    }
    .ast_about_info_img img {
        width: 90% !important;
        height: auto !important
    }
}

@media (min-width:1025px) {
    .as_banner_wrapper {
        padding: 130px 180px 0 !important
    }
    .as_banner_img img {
        width: 74% !important;
        height: auto !important
    }
}

@media (min-width:1280px) {
    .as_banner_wrapper {
        padding: 130px 180px 0 !important
    }
}

@media (min-width:1400px) {
    .as_banner_wrapper {
        padding: 130px 180px 0 !important
    }
}