@media (min-width: 1600px) {

    .container {
        max-width: 1560px;
    }
   
    .course-card{
            width: 325px !important;
    }
    .course-card.center{
            width: 450px !important;
    }

}


@media(max-width:1699px) {
    
}

@media(max-width:1499px) {
    /* .courses-wrapper{*/
    /*    border:1px solid red;*/
    /*}*/
}

@media(max-width:1399px) {
    .courses-wrapper {
        width: 72% !important;
    }

    .bannerContent_text {
        width: 600px !important;
    }

    .bannerTitle {
        font-size: 60px !important;
    }

    .tab-button {
        font-size: 30px !important;
    }

    .horoscope_content h2 {
        font-size: 75px !important;
    }

    .counter-item{
        gap: 0 !important;
    }
    .counter-text{
        width: 100px !important;
    }
    .counter-line {
    width: 32px !important;
    }
}

@media(max-width:1299px) {}

@media(max-width:1199px) {
    .green-bg {
        left: 8% !important;
        width: 92% !important;
    }

    .about-content {
        right: 8%;
        width: 540px;
    }

    .social-area {
        left: 10%;
    }

    .bannerTitle {
        font-size: 70px !important;
    }

    .bannerContent_text {
        width: 610px !important;
    }

    .secBackTitle {
        font-size: 90px !important;
    }

    .secTitle {
        font-size: 32px !important;
    }

    .courses-wrapper {
        width: 82% !important;
    }
}

@media(max-width:991px) {
    .carousel-item img {
        height: 100vh !important;
        object-fit: cover !important;
    }

    .bannerTitle {
        font-size: 60px !important;
    }

    .secBackTitle {
        font-size: 70px !important;
    }

    .servicesBoxArea {
        margin-top: 80px !important;
    }

    .course-card {
        width: 268px !important;
    }

    .course-card.center {
        width: 280px !important;
    }

    .courses-wrapper {
        width: 84% !important;
    }

    .metaphysics {
        padding: 60px 0 !important;
    }

    .aboutContent h4 {
        margin: 55px 0 !important;
    }

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

    .person-image {
        left: 52% !important;
    }

    .social-area {
        left: 82px !important;
        bottom: 150px !important;
    }

    .secPdn {
        padding: 50px 0 !important;
    }

    .margin-bottom-100 {
        margin-bottom: 70px !important;
    }

    .footerRow {
        flex-wrap: wrap;
    }

    .footer-items-1 {
        width: 43% !important;
        padding-right: 0 !important;
    }

    .footer-items-4 {
        width: 40% !important;
        padding-right: 0 !important;
        margin-top: 30px;
    }

    .footer-items-5 {
        width: 40% !important;
        margin-top: 30px;
    }

    footer {
        padding: 60px 20px 60px 20px !important;
    }

    .secTitleHeading {
        max-width: 100% !important;
    }

    .AstrologerCtn p {
        max-width: 100% !important;
    }

    .AstrologerCtn {
        padding: 0px 50px 50px 50px !important;
    }

    .AstrologerCtn .themeBtn {
        margin-top: 26px !important;
    }

    .AstrologerCtnRightContentr {
        width: 50% !important;
    }

    .AstrologerCtnRight {
        height: 850px !important;
    }

    .visionLeft {
        padding-right: 0 !important;
    }

    .visionLeft p {
        max-width: 100% !important;
    }

    .counter-section {
        margin-bottom: 55px;
    }

    .visionRight {
        padding-left: 0 !important;
    }

    .visionItems {
        margin-bottom: 70px !important;
    }

    .contactRight {
        padding: 0 0 0 0px !important;
        margin-bottom: 30px;
    }

    .contactLeft {
        padding: 15px !important;
    }

    .contactLeft h2 {
        font-size: 40px !important;
        margin-bottom: 20px !important;
    }

    .contactRightCtn {
        margin-top: 25px !important;
    }

    .innerBnrn .innerBnrBackTitle {
        font-size: 80px !important;
    }

    .innerBnrn .innerBnrTitle {
        font-size: 40px !important;
    }

    .tab-section {
        max-width: 90% !important;
    }

    .Numerologyy {
        margin-bottom: 20px !important;
    }

    .innerBnrTxt::after {
        bottom: -50px !important;
    }

    .blogDitalisContent {
        width: 100% !important;
    }

    .blogDitalis h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .blogDitalis h3 {
        font-size: 25px !important;
    }

    .horoscope_content h2 {
        font-size: 56px !important;
        line-height: 60px !important;
    }

    .holdsItems {
        padding: 70px !important;
    }

    .holdsLeft h2 {
        font-size: 35px !important;
        margin: 0px 0px 40px 0px !important;
    }

    .holdsLeft h3,
    .holdsRight h3 {
        font-size: 35px !important;
        margin: 10px 0px 30px 0px !important;
        max-width: 100% !important;
    }

    .Astrology_content h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .Astrology_content p {
        max-width: 100% !important;
    }

    .Reasons .secLine {
        margin-bottom: 70px !important;
    }

    .considerItems h4 {
        font-size: 35px !important;
    }

    .considerItems {
        margin-bottom: 25px !important;
    }

    .horoscope_img {
        padding-right: 0 !important;
    }
}

@media (max-width: 800px) {

    .courses-section {
        min-height: auto;
        padding-top: 70px !important;
        padding-bottom: 100px !important;
    }

    .top-shape {
        height: 320px;
    }

    .green-shape {
        height: 500px;
    }

    .section-title {
        margin-bottom: 50px;
    }

    .title-decoration {
        font-size: 48px;
    }

    .section-title h2 {
        font-size: 26px;
    }

    .courses-wrapper {
        width: 650px;
    }

    .course-card {
        width: 185px;
    }

    .course-card.center {
        width: 260px;
    }
}


@media(max-width:767px) {
    .main-header {
        height: 100px;
        padding: 25px 25px;
    }

    .site-logo h2 {
        font-size: 25px;
    }

    .site-logo span {
        font-size: 13px;
    }

    .menu-toggle {
        width: 50px;
        height: 50px;
    }

    .menu-toggle span {
        width: 30px;
    }

    .hero-content {
        padding: 0 25px;
    }

    .hero-content h1 {
        font-size: 48px;
    }

    .custom-offcanvas {
        width: 290px !important;
    }

    .about-section {
        min-height: 686px !important;
    }

    .green-bg {
        left: 0 !important;
        width: 100% !important;
        height: 600px !important;
        clip-path: polygon(0 0,
                100% 0,
                100% 88%,
                0 68%) !important;
    }


    .quote-area {
        top: 65px !important;
        right: 30px !important;
        gap: 15px !important;
    }

    .quote-icon {
        font-size: 70px !important;
    }

    .quote-line {
        width: 60px !important;
    }


    .about-content {
        top: 155px !important;
        left: 50%;
        right: auto !important;
        transform: translateX(-50%);
        width: 85% !important;
        text-align: center !important;
    }

    .about-content p {
        font-size: 15px;
        line-height: 1.55 !important;
    }


    .person-image {
        width: 447px;
        right: 30% !important;
        /* bottom: 250px !important; */
    }


    .social-area {
        left: 30px !important;
        bottom: 116px !important;
    }

    .social-area p {
        font-size: 15px;

        margin-bottom: 25px;
    }

    .social-icons {
        gap: 25px;
    }


    .bannerTitle {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    .courses-wrapper {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .course-card {
        position: relative !important;
    }

    .course-card.left {
        width: 50% !important;
        top: 0 !important;

    }

    .course-card.center {
        width: 50% !important;
        left: 0 !important;
        transform: translateX(0%) !important;
    }

    .course-card.right {
        top: 0 !important;
    }

    .courses-wrapper {
        height: 761px !important;
    }

    .metaphysics h3,
    .metaphysics p {
        max-width: 100% !important;
        text-align: center;
    }

    .aboutContent h4 {
        margin: 40px 0 !important;
    }

    .secLine {
        margin: 20px auto !important;
    }

    .youtube_items {
        height: 450px !important;
        margin-bottom: 10px;
    }

    .footer-items-1 {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .footer-items-2,
    .footer-items-3 {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .footer-items-5 {
        width: 100% !important;
    }

    .footer-items-2 {
        margin-bottom: 15px !important;
    }

    .Vastu_Science h2 {
        font-size: 30px !important;
    }

    .Vastu_Science {
        padding: 50px 0 !important;
    }

    .footer-items-4 {
        width: 100% !important;
    }

    .horoscope_content h2 {
        font-size: 40px !important;
        line-height: 45px !important;
    }

}


@media (max-width: 600px) {

    .courses-section {
        padding-top: 55px !important;
        padding-bottom: 80px !important;
    }

    .top-shape {
        height: 360px !important;
        clip-path: polygon(0 20%,
                50% 0,
                100% 20%,
                100% 100%,
                0 100%) !important;
    }

    .green-shape {
        height: 950px !important;
        clip-path: polygon(0 0,
                100% 0,
                100% 94%,
                50% 100%,
                0 94%) !important;
    }

    .section-title {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .title-decoration {
        font-size: 37px;
    }

    .section-title h2 {
        font-size: 24px;
    }


    .courses-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }


    .course-card,
    .course-card.left,
    .course-card.center,
    .course-card.right {
        position: relative !important;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        width: 88% !important;
        max-width: 330px;
        min-height: auto;
        padding: 30px 25px;
        z-index: 3;
    }


    .course-card.center {
        order: 1;
    }

    .course-card.left {
        order: 2;
    }

    .course-card.right {
        order: 3;
    }


    .course-card.center:hover {
        transform: translateY(-8px);
    }

    .course-card:hover {
        transform: translateY(-8px);
    }

    .course-card h3 {
        font-size: 16px;
    }

    .course-list li {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .explore-btn {
        margin-top: 15px;
    }


    .tab-section {
        margin: 15px auto;
        padding: 0 8px;
    }

    .tabs {
        flex-wrap: wrap;
    }

    .tab-button {
        font-size: 24px;
        padding: 8px 10px 9px;
    }

    .tab-content-wrapper {
        padding: 12px 10px;
    }

    .tab-content p,
    .tab-content h4,
    .tab-content ul li {
        font-size: 11px;
    }
}

@media(max-width:575px) {
    .reviews {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .aboutContent {
        width: 90% !important;
    }

    .about {
        padding-bottom: 0 !important;
    }

    .secTitleHeading {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .AstrologerCtnRightContentr {
        width: 90% !important;
        margin: 0 auto !important;
    }

    .counter-box {
        flex-direction: column !important;
    }

    .counter-item+.counter-item {
        margin-left: 0 !important;
    }

    .tab-button {
        padding: 10px;
        font-size: 20px !important;
    }
}

@media(max-width:480px) {
    .about-section {
        min-height: 760px;
    }

    .green-bg {
        height: 550px;
    }

    .quote-area {
        top: 50px;
        right: 20px;
    }

    .quote-icon {
        font-size: 60px;
    }

    .quote-line {
        width: 45px;
    }

    .about-content {
        top: 135px;
        width: 90%;
    }

    .about-content p {
        font-size: 13px;
    }

    .person-image {
        width: 235px;
    }

    .social-area {
        left: 20px;
        bottom: 25px;
    }

    .social-area p {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .social-icons a {
        font-size: 21px;
    }

    .tab-button {
        font-size: 19px !important;
        padding: 8px 7px 9px !important;
    }

    .AstrologerCtnRight-img {
        height: 290px !important;
    }
}

@media(max-width:399px) {}

@media(max-width:499px) {
    .AstrologerCtnRight-img {
        height: 230px !important;
    }

    .bannerContent_text {
        width: 100% !important;
    }

    .bannerTitle {
        font-size: 37px !important;
        line-height: 40px !important;
    }

    .secBackTitle {
        font-size: 48px !important;
    }

    .secTitle {
        font-size: 28px !important;
    }

    .services {
        padding: 40px 0 0px 0 !important;
    }

    .metaphysics h3 {
        font-size: 22px !important;
    }

    .metaphysics p {
        font-size: 18px !important;
    }

    .secPdn {
        padding: 40px 0 !important;
    }

    .aboutContent h4 {
        font-size: 18px !important;
    }

    .themeBtn {
        font-size: 16px !important;
        padding: 12px 35px !important;
    }

    .themeBtn i {
        font-size: 12px !important;
    }

    /* .person-image {
        left: 70% !important;
    }
        .social-area {
        bottom: 183px !important;
    } */
    .person-image {
        left: 70% !important;
    }

    .about-section {
        min-height: 590px !important;
    }

    .secTitleHeading {
        font-size: 25px !important;
        line-height: 34px !important;
    }

    .AstrologerCtn {
        padding: 0px 25px 25px 25px !important;
    }

    .innerBnrTxt::after {
        /* bottom: -105px !important; */
        /* left: 50px !important; */
    }

    .contactLeft h2 {
        font-size: 28px !important;
    }

    .courses_inner_section {
        margin-bottom: 30px !important;
    }

    .metaphysics_inner .metaphysics {
        padding-top: 50px !important;
    }

    .EmbarkLeft {
        width: 90% !important;
        margin-bottom: 30px !important;
    }

    .EmbarkLeft h5 {
        font-size: 18px !important;
        margin: 30px 0 !important;
    }

    .EmbarkRight {
        padding: 50px 20px 20px 20px !important;
        ;
    }

    .Numerologyy h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .Numerologyy {
        margin-bottom: 20px !important;
    }


    .blogDitalis h2 {
        font-size: 23px !important;
        line-height: 30px !important;
    }

    .blogDitalis h3 {
        font-size: 20px !important;
    }

    .blogDitalis {
        margin-top: 140px !important;
        margin-bottom: 60px !important;
    }

    .banner {
        height: 60vh !important;
    }

    .carousel {
        height: 60vh !important;
    }

    .carousel-item img {
        height: 60vh !important;
    }

    .horoscope_content h2 {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .holdsItems {
        padding: 25px !important;
    }

    .holdsLeft h3,
    .holdsRight h3 {
        font-size: 30px !important;
        margin: 10px 0px 25px 0px !important;
        line-height: 35px !important;
    }

    .holdsLeft h2 {
        font-size: 30px !important;
        margin: 0px 0px 25px 0px !important;
        line-height: 40px !important;
    }

    .Astrology_content h2 {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    .considerItems h4 {
        font-size:28px !important;
        margin-bottom: 15px !important;
        line-height: 32px !important;
    }
}