/* ===================== RESPOSNSIVE CSS FOR LANDING PAGE ======================= */

/* ================== Responsive styling starts ================*/

@media (min-width: 1400px){
    .reviewWidth-2{
        width: 20%!important;
    }
    .reviewWidth-10 {
        width: 80% !important;
    }
} 
   
@media (min-width: 1200px) and (max-width: 1399px) {
    .reviewWidth-2{
        width: 20%!important;
    }
    .reviewWidth-10 {
        width: 80% !important;
    }
    .card_height4 {
        height: auto !important;
    }
}
   
@media (min-width: 1025px) and (max-width: 1199px) {
   .ml10 {
       margin-left: -5rem !important;
   }
   .card_shadow {
      
       height: 201px !important;
   }
   .card_height4 {
       height: auto !important;
   }
   img.bottom_img {
      
       bottom: -17% !important;
   }
   .height300 .c-text{
        height: auto !important;
   }
   
   .height300{
        height:auto !important;
   }
   
   /*============= css new ================= */ 
   
   .heading{
        font-size:40px !important;
   }
   
   .outTopSlider .card{
        height:560px !important;
   }
   
   img.abs{
        width:75% !important;
   }
   img.all_service_img{
        top:-15.5%;
   }
   .imgRightArrow img {
       margin-left: -20px !important;
       margin-top: -50px !important;
   }
   
   .imgleftArrow img{
        margin-top:-70px !important;
   }
   
}

@media (min-width: 992px) and (max-width: 1024px) {
   .pad1rem {
       padding: 0rem !important;
   }
   .ml10 {
       margin-left: -5rem !important;
   }
   .card_height4 {
       height: auto !important;
   }
   .height300 .c-text{
        height: auto !important;
   }
   .height300{
        height:auto !important;
   }
   
   /*============= css new ================= */ 
   
   .heading{
        font-size:40px !important;
   }
   .outTopSlider .card{
        height:560px !important;
   }
   img.bottom_img{
        width:100px !important;
        bottom:-7% !important;
   }
   img.abs{
        width:75% !important;
   }
   img.all_service_img{
        top:-15.5%;
   }
   .imgRightArrow img {
       margin-left: -20px !important;
       margin-top: -50px !important;
   }
   .imgleftArrow img{
        margin-top:-70px !important;
   }
   .footer_slides img.hand_img_small1 {
       position: absolute;
       top: 12% !important;
       left: 17% !important;
       width: 70% !important;
   }
   .footer_slides img.abs_1 {
       width: 100% !important;
       position: relative;
   }
   
}
   
@media (max-width:991px){
    .bannerContent {
        padding: 15px 15px !important;
    }
    .card_height4{
        height: 350px !important;
        margin-bottom: 10px;
    }
    img.card-img-top.rounded {
        height: 180px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-container {
        width: 100%!important;
        margin-left: 0% !important;
    }
    .userDetailForm{
        width: 100%!important;
    }
    .activeNav:after {
        width: 0px!important;
    }
    .paddingLeft {
        padding-left: 0px!important;
    }
    .astro-title {
        font-size: 16px!important;
    }
    .border-right {
        border-right: 0px !important;
    }
    .bottomGap {
        gap: 32px!important;
    }
    .servTitle, .h-title{
        font-size: 12px!important;
    }
    .card_shadow{
        height : 170px !important;
    }
    .form_height {
        height: auto !important;
    }
    .slideGap {
        gap: 60px!important;
    }
    .pad1rem {
        padding: 0rem !important;
    }
    .ml10 {
        margin-left: 0rem !important;
    }
    img.all_service_img {
        top: -14% !important;
    }
    .card_height4 {
        height: auto !important;
    }
    .height300 .c-text{
        height: auto !important;
    }
    .height300{
        height:auto !important;
    }
    img.bottom_img {
        bottom: -8.5% !important;
    }

    /*============= css new ================= */ 

    .heading{
        font-size:40px !important;
    }
    .outTopSlider .card{
        height:560px !important;
    }
    img.bottom_img{
        width:100px !important;
    }
    img.abs{
        width:75% !important;
    }
    .profileForm {
        width: 100% !important;
    }
    .all_services{
        padding:20px !important;
    }
    .mainSideContainer {
        width: 35% !important;
    }
    .main-container {
        width: 65% !important;
        margin-left: 35% !important;
    }
    .ul_nav_tabs {
        justify-content: start !important;
    }
    .joinUnderline {
        width: 106px !important;
        margin-left: 40px;
    }
    .j-title {
        font-size: 16px !important;
    }
    .jj-title {
        font-size: 20px !important;
    }
    .footer_slides img.hand_img_small1 {
        position: absolute;
        top: 15% !important;
        left: 30% !important;
        width: 40% !important;
    }
    .footer_slides img.abs_1 {
        width: 60% !important;
        position: relative;
    }

    .login_form{
        padding: 3rem 1rem !important;
        margin:0 !important;
    }
    .sideImg {
        width: 150px !important;
        height:150px !important;
    }
    .sideImg img {
        width: 100% !important;
        height:150px !important;
    }
}

@media (max-width:767px) {
    .bannerImg{
        display: none;
    }
    .expertImg{
        object-fit: contain;
    }
    .cardImgBox .imgsize{
        height: 55px;
    }
    .card.shadow-effect.border-0.w-100 {
        width: 48% !important;
    }
    .height300.card.shadow-sm{
        min-height: 261px !important;
        padding: 15px !important;
    }
    .pad1rem .joinBG{
        padding: 15px !important;
    }
    .cardObject{
        position: static !important;
    }
}
      
@media (min-width: 577px) and (max-width: 767px)  {
    
    .healerBtn {
        font-size: 12px!important;
        padding: 6px 20px!important;
    }

    .liveWidth-3{
        width: 100%!important;
    }

    .liveWidth-9{
        width: 100%;
    }

    .reviewWidth-2 {
        width: 16% !important;
    }
    .reviewWidth-10 {
        width: 84% !important;
    }
    .exp-title {
        font-size: 10px !important;
    }
    .form_height {
        height: auto !important;
    }

    .ml10 {
        margin-left: 0rem !important;
    }

    .pad1rem {
        padding: 0rem !important;
    }

    img.all_service_img {
        top: -9% !important;
    }
    .card_height4 {
        height: auto !important;
    }
    img.bottom_img {
    
        bottom: -10.5% !important;
    }

    .height300 .c-text{
    height: auto !important;
    }


    .login_form{
                padding: 3rem 1rem !important;
                margin:0 !important;
            }

/*============= css new ================= */ 


    .height300 .c-text {
        height: auto !important;
    }


    img.all_service_img {
        top: -9% !important;
    }
    .outTopSlider .card{
    height: auto !important;
    }


    .counter-card  h4{
    font-size:1.2rem;
    }
    img.bottom_img{
    width:100px !important;
    }


    .profileForm {
        width: 100% !important;
    }
    .ul_nav_wrap{
        justify-content:start !important;
        overflow-x: auto;
            white-space: nowrap;
            flex-wrap: nowrap !important;
    }

    .main-container {
            width: 100% !important;
            margin-left: 0% !important;
        }

    .ul_nav_tabs {
        justify-content: center ;
    }
    .all_services{
    padding:20px !important;
    }

    .joinUnderline {
        width: 106px !important;
        margin-left: 40px;
    }

    .rightDots img {
        right: -30px !important;
        top: -70px !important;
    }

    .leftDots img {
        left: -30px !important;
        bottom: -35px !important;
    }

    .j-title {
        font-size: 16px !important;
    }

    .jj-title {
        font-size: 20px !important;
    }

    .counter-card {
    padding:1rem !important;
    }

    img.cardImg {
        width: 50% !important;
        height: auto !important;
    }

    .counter-card h1{
    font-size:1.5rem !important;
    }

    .counter-card h4{
    font-size:0.9rem !important;
    }

    .sideLeftArrow {
        padding-top: 1rem !important;
    }
    p.sideText{
        margin-bottom:0rem !important;
    }



    #codes {
            padding-top: 0rem !important;
    }
    .mainSideContainer{
    width: 100% !important;
    position: relative !important;
    }

    .sideImg {
        width: 150px !important;
        height:150px !important;
    }

    .sideImg img {
        width: 100% !important;
        height:150px !important;
    }

    .footer_slides img.hand_img_small1 {
        position: absolute;
        top: 16% !important;
        left: 34% !important;
        width: 33% !important;
    }

    .footer_slides img.abs_1 {
        width: 50% !important;
        position: relative;
    }

}
   
@media (min-width: 300px) and (max-width: 576px) {

    .blogBgSection{
        padding: 15px 0px 0px 0px !important;
    }
    .card.shadow-effect.border-0.w-100 {
        width: 100% !important;
    }
    .footerSection  .footerSectionGap {
        padding: 0rem!important;
    }
    .timezone_data {
        width: 100% !important;
        margin: 0 auto;
    }
    .leftDots img {
    
        left: -20px;
        bottom: -65px;
    }
    .rightDots img {
    
        right: -20px;
        top: -110px;
    }
    .servicesImg {
        height: 65px !important;
    }
    .imgbg {
        height: 65px !important;
    }
    .card_height4{
    height:auto !important;
    }

    .card_shadow {
        height: auto !important;
    }

    .bgContent {
        width: 60px !important;
        height: 60px !important;
    }

        .left-top-content .feedback {
            font-size: 9px !important;
            padding: 5.4px 0 !important;
        }
        .left-bottom-content p {
            font-size: 17px !important;
        }

        .healer_booksection_left h1{
        font-size:20px !important;
        }

        .left-top-content img{
        width:16px !important;
        }

        .left-bottom-content {
            padding: 0px !important;
        }

        .blogsec{
        padding:1rem !important;
        }
        .botomImg {
            padding-bottom: 1rem !important;
        }

        .reviewWidth-2 {
            width: auto !important;
        }
        
        .reviewWidth-10 {
            width: auto !important;
        }
        .loginImg {
            width: 120px!important;
        }
        /*  .jj-title {
            font-size: 12px!important;
        }*/
        
        .login_form{
            padding: 3rem 0 !important;
            margin:0 !important;
        }

        .form_height {
            height: auto !important;
        }


        /*============= css new ================= */ 

        .exp-book-title{
            font-size: 12px !important;
        }
        .table_p td {
            padding: 0.5rem !important;
        }

        img.logo-img {
            width: 125px !important;
            height: auto !important;
        }

        .msger-header {
            width: 100% !important;
        }

        .send_msg {
            width: 100% !important;
        }
        .main_nav .nav-item .nav-link{
            padding: 5px !important;
            font-size: 8.6px !important;
            font-weight: 600 !important;
            width: 87px;
            display: grid;
            border: 1px solid #777 !important;
            border-radius: 10px;
            background: #fff;
            text-align: center;
            margin: 0 3px !important;
        }

        .main_nav .nav-item .nav-link:hover{
            border: 1px solid #F79C55 !important;
        }

        .main_nav .nav-item .nav-link.active{
            border: 1px solid #F79C55 !important;
            padding: 8px !important;
        }

        .blog_section {
            padding: 0.5rem !important; 
        }

        .blog_c{
            padding:0.5rem !important;
        }

        .blog_c h3{
            font-size:12px;
        }

        .blog_c img {
            width: 60px !important;
            height: 60px !important;
        }
        .height300 .c-text {
            height: auto !important;
        }

        .height300  {
            height: auto !important;
        }
        .pad1rem {
            padding: 0rem !important;
        }

        .pad1rem {
            padding: 0 !important;
        }
        .heading {
            font-size:24px !important;
        }
        .ml10 {
            margin-left: 0rem !important;
        }
        img.headImg {
            width: 75px !important;
            margin-left: 1rem !important;
        }
        .container-fluid{
            padding:0 15px !important;
        }

        .main_nav .container-fluid{
            padding:0px !important;
        }
        .all_services{
            padding:15px;
        }

        .profileForm {
            width: 100% !important;
        }

        .main-container{ 
            width: 100% !important;
            margin-left: 0% !important;
        }

        .mainSideContainer{
            width: 100% !important;
            position: relative !important;
        }
        .all_services{
            padding:20px !important;
        }
        img.abs{
            width:74% !important;
        }

        .ul_nav_tabs{
            justify-content: start !important;
            scrollbar-width:none;
        }

        .ul_nav_wrap{
            justify-content:start !important;
            overflow-x: auto;
            white-space: nowrap;
            flex-wrap: nowrap !important;
            scrollbar-width:none;
        }

        .joinUnderline {
            width: 106px !important;
            margin-left: 40px;
        }
        .rightDots img {
            right: -30px !important;
            top: -160px !important;
        }

        .leftDots img {
            left: -30px !important;
            bottom: -85px !important;
        }

        .j-title {
            font-size: 16px !important;
        }

        .jj-title {
            font-size: 20px !important;
        }
        .sideLeftArrow {
            padding-top: 0rem !important;
        }

        p.sideText{
            margin-bottom:0rem !important;
        }

        #codes {
            padding-top: 0rem !important;
        }

        #codes .nav-item{
            margin-right: 0rem !important;
            margin-left: 0rem !important;
        }

        .footer_slides img.hand_img_small1 {
            position: absolute;
            top: 16% !important;
            left: 34% !important;
            width: 33% !important;
        }

        .footer_slides img.abs_1 {
            width: 50% !important;
            position: relative;
        }

        /*.main_nav li.nav-item {

            border: none !important;
        }*/

        .top_navbar li.nav-item .nav-link {
            border-right: none !important; 
        }

        .text_decoration {
            width: 80% !important;
        }

        .premiumBtn {
            padding: 1px 5px !important;
        }
        .crownImg {
            width: 15px !important;
        }

        .premiumBtn p {
            font-size: 10px !important;
        }
        .main_nav{
            border-bottom: none !important;
        }

        .sideImg {
            width: 100px !important;
            height: 100px !important;
        }
        div.sideImg img {
            width: 90px!important;
            height:90px !important
        }
        .bookSession{
            padding: 10px !important;
        }
        .forChat{
            font-size: 10px !important;
        }
        .text-message {
            width: 15px !important;
            height: 15px !important;
        }
        .rupee {
            font-size: 13px !important;
        }
        .bookNowbtn{
            padding: 2px 5px !important;
        }

        .reviewRatingTitle, .aboutTitle, .social-Title{
            font-size: 18px;
        }

        .reviewRatingSection div.card, .user-text{
            height: auto !important;
        }
        .about-section p.about-text{
        font-size: 12px !important;
        text-align: left !important;
        }
        
        .bannerContent h4{
            font-size: 22px !important;
        }
        section.ourService.bg-white h4 {
            font-size: 22px !important;
            margin: 15px 0px !important;
        }
        .liveWidth-3 a .expertImg{
            width: 100% !important;
            height: 143px !important;
        }
        .counterUPMob{
            /* justify-content: center; */
            margin-bottom: 15px;
        }
        .counterUp{
            padding: 15px !important;
        }
        img.card-img-top.rounded {
            height: 120px !important;
        }
       .cardObject{
        display: none;
       }
       .footerService{
        padding-left: 15px !important;
       }
       .banner{
        padding: 0px !important;
       }
       section.ourService.bg-white{
        padding: 0px !important;
       }
       .image-description-blog{
        height: 150px !important;
       }
}  

@media (max-width: 320px){

    .reviewWidth-2 {
        width: 32% !important;
    }    
    .reviewWidth-10 {
        width: 68% !important;
    }

    .liveWidth-3 {
        width: 100% !important;
    }
    .liveWidth-9 {
        width: 100%;
    }
    .liveWidth-9 .card-body{
        padding: 20px 10px 0px 5px !important;
    }
    .rating, .lan {
        font-size: 9px!important;
    }
    .c-title {
        font-size: 12px!important;
    }

.msg-body ul li.repaly:before {
margin-right: 15px;
}

}

/* ================== Responsive stying ends ================*/