/* Responsive css */
/* 1500css */


@media screen and (max-width:1500px) {
    .astrology-img img {
        width: 50% !important;
    }

    .astro-mobile-img img {
        width: 180px;
    }

    .astro-mobile-img {
        top: -30px;
        right: 12%;
    }

    .astro-mobile-img::before {
        left: -120%;
    }
}


@media screen and (max-width:1399px) {
    .service-carousel1 .owl-dots {
        display: none;
    }

    .astro-mobile-img {
        top: -50px;
        right: 16%;
    }

    .astro-mobile-img::before {
        height: 70px;
        bottom: 43px;
        height: 70px;
        width: 150px;
        left: -92%;
    }

    .mic-img {
        text-align: center;
        top: 43%;
        right: 0;
    }

    .mic-img img {
        width: 40%;

    }
    .sticky{
        max-width: 1130px;
    }
}



/* 1199px */

@media screen and (max-width:1199px) {
    .navbar .navbar-collapse .nav-item a {
        margin-left: 10px;
        font-size: 14px;
    }

    .banner-bg {
        padding: 170px 0px 120px;
    }

    .banner-content h2 {
        font-size: 38px;
        line-height: 58px;
    }

    .astrology-img img {
        width: 60% !important;
    }

    .lines-position img {
        display: none;
    }

    .astro-mobile-img {
        right: 7%;
    }

    .astro-mobile-img::before {
        left: -99%;
        bottom: 47px;
    }

    .counter-content h3 {
        font-size: 26px;
    }

    .about-content h2 {
        font-size: 36px;
    }

    .popular-content h2 {
        font-size: 36px;
    }

    .atro-head h2 {
        font-size: 28px;
    }

    .popular-img img {
        width: 50%;
    }

    .popular-img {
        text-align: start;
    }

    .mic-img img {
        width: 35%;
    }

    .mic-img {
        top: 36%;
    }

    .testimonial-section .container-fluid {
        justify-content: center !important;
    }

    .happy-carousel .owl-nav {
        width: 100%;
    }

    .testimonial-head p {
        font-size: 36px;
    }

    .app-bg-img {
        padding: 77px 40px;
    }

    .mobile-img img {
        width: 70%;
    }

    .mobile-img {
        top: 33px;
        right: 0%;
    }


    .app-contents h2 {
        font-size: 36px;
    }

    .footer-down .play-img img {
        width: 100px;
    }
    .sticky{
        max-width: 930px;
    }
    
    .breadcrumb-inner .page-title{
        font-size: 36px;
    }
    
    .contact-banner-bg{
        padding: 180px 0px 100px;
    }
}



/* 991 css */


@media screen and (max-width:991px) {
    .about-img img {
        width: 60%;
    }

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

    .banner-content h2 {
        font-size: 32px;
        line-height: 48px;
    }

    .about-content {
        text-align: center;
        padding-top: 30px;
    }

    .ab-read {
        display: flex;
        justify-content: center;
    }

    .about-content h2 {
        font-size: 32px;
    }

    .astro-mobile-img img {
        display: none;
    }

    .astro-mobile-img::before {
        display: none;
    }

    .service-head h4 {
        text-align: center;
        margin-bottom: 20px;
    }

    .service-content {
        justify-content: center;
        margin-bottom: 20px;
    }

    .service-para p {
        text-align: center;
    }

    .service-content img {
        width: 70px !important;
    }

    .atro-head h2 {
        margin-left: 5px;
    }

    .astrology-img img {
        width: 45% !important;
    }

    .service-section {
        padding-top: 40px;
    }

    .counter-content h3 {
        font-size: 24px;
    }

    .popular-content h2 {
        font-size: 28px;
    }

    .popular-content {
        text-align: center;
    }

    .watch-btn {
        display: flex;
        justify-content: center;
    }

    .popular-img {
        text-align: center;
        padding-top: 30px;
    }

    .popular-img img {
        width: 40%;
    }

    .mic-img {
        top: 68%;
    }

    .testimonial-head p {
        font-size: 28px;
    }

    .mobile-img {
        position: static;
        text-align: center;
    }

    .app-bg-img {
        padding: 40px 40px 0px;
    }

    .mobile-img img {
        width: 55%;
    }

    .app-contents h2 {
        font-size: 28px;
    }

    .app-contents {
        text-align: center;
    }

    .footer-padding {
        padding-left: 0px;
    }

    .head-btn2 {
        display: none;
    }

    .head-btn1 button {
        display: block;
    }

    .happy-carousel .owl-nav {
        padding-top: 20px;
    }

    .footer-down {
        padding-bottom: 20px;
    }

    .sticky {
        max-width: 710px;
    }
    .head-btn1{
        margin-bottom: 10px;
    }
    
    .row_reverse{
        flex-direction: column-reverse;
    }
    .esto_flrx{
        justify-content:center;
    }
    
    .contact_info{
        border-radius:15px;
    }
    .get_touch{
        border-radius:15px;
    }
    
    .connect-head{
        font-size: 28px;
    }
}


/* 767 css */


@media screen and (max-width:767px) {
    .banner-bg {
        padding: 150px 0px 80px;
    }

    .border-bootom {
        border: none;
    }
    .sticky {
        max-width: 530px;
    }
}



/* 575 css */

@media screen and (max-width:575px) {
    .mic-img img {
        display: none;
    }

    .sticky{
        max-width: 96%;
    }
}


/* 450css */


@media screen and (max-width:450px) {
    .banner-content h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .banner-bg {
        padding: 150px 0px 50px;
    }

    .about-img img {
        width: 80%;
    }

    .about-us-section {
        padding-top: 40px;
    }

    .about-content h2 {
        font-size: 22px;
        line-height: 36px;
    }

    .service-content img {
        width: 60px !important;
    }

    .atro-head h2 {
        font-size: 22px;
    }

    .astrology-img img {
        width: 80% !important;
    }

    .counter-content h3 {
        font-size: 20px;
    }

    .popular-content h2 {
        font-size: 22px;
    }

    .popular-img img {
        width: 70%;
    }

    .testimonial-head p {
        font-size: 22px;
    }

    .app-bg-img {
        padding: 25px 30px 0px;
    }

    .app-contents h2 {
        font-size: 22px;
    }

    .play-img img {
        width: 100px;
    }

    .mobile-img img {
        width: 80%;
        padding-top: 15px;
    }

    .app-section {
        padding-bottom: 45px;
    }

    .banner-content p {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .counter-section {
        margin-top: 35px;
    }

    .popular-section {
        padding-top: 40px;
    }

    .testimonial-content {
        padding: 20px;
    }
    
    .counter-bg-color{
        padding: 40px 10px 20px;
    }
    
    .navbar .logo-wrapper img {
        max-width: 100px;
    }
    
    .connect-head{
        font-size: 24px;
        text-align:center;
    }
    
    .contact_bg{
        padding-top: 25px;
        padding-bottom: 30px;
    }
        .breadcrumb-inner .page-title {
        font-size: 32px;
    }
    .contact-banner-bg {
        padding: 150px 0px 70px;
    }
    
    .power_flx{
        display: block;
        text-align: center;
    }
}



/* 400css */


@media screen and (max-width:400px) {
    .banner-content h2 {
        font-size: 24px;
        line-height: 37px;
    }

    .about-content h2 {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .atro-head h2 {
        font-size: 20px;
    }

    .service-content img {
        width: 50px !important;
    }

    .popular-content h2 {
        font-size: 20px;
    }

    .testimonial-head p {
        font-size: 20px;
    }

    .app-contents h2 {
        font-size: 20px;
    }
}



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