
@media (max-width: 425px) {
    .social-login a{
        padding: 8px;
        margin: 0 1px;
    }
    .dash-date input, .dash-time input{
        width: auto;
    }
      .expert-tab .nav-item{
        width: 100% !important;
    }
    .expert-count .form-control, .expert-prime .form-control {
    width: 100%;
    
}
    .tl-banner .tl-nav .left-nav-top .navbar-brand img{
        width: 120px;
    }
    .new_container .right .write input{
        width: 0;
    }
    .daash-right a{
    padding: 19px 8px;    
    font-size: 14px;
    }
    .credits-mn{
    
    padding: 10px 10px;    
       
    right: 76px;   
    border-radius: 4px;
    }
    .dash-head h2 {
    font-size: 15px !important;
    padding: 20px 8px;
    }
    .dash-asto-img img{
        height: auto;
    }
}

@media (max-width: 575px) {
    .atro-psycho-tab .ind-abt-img{
        height: auto;
    }
    .how-it-eye h4{
        font-size: 16px;
        padding: 0 15px;
    }
    .how-it-eye p{
        width: 100%;
        padding: 0 15px;
    }
    .sub-left h5{
        position:static;
        width:100%;
    }
  .left-nav-top nav {
    text-align: center;
  }

  .left-nav-top .navbar-collapse {
    position: absolute;
    z-index: 11;
    background: #fff;
    box-shadow: 0 0 10px #363636;
    width: 200px;
    top: 100%;
    right: 0;
  }

  .tl-banner .tl-nav .left-nav-top ul {
    text-align: center !important;
  }
  .tl-banner .tl-nav .left-nav-top ul a {
    padding: 7px 0;
  }

  .tl-banner .tl-nav .left-nav-top ul .nav-item {
    padding: 0 8px;
    display: contents;
  }

  .tl-banner .tl-nav .left-nav-top nav {
    padding: 0 15px;
  }
    .faq-qus{
        width: 100%;
    }
    .form-group{
        width: 85%;
    }
    .padd-lst{
        padding: 0;
    }
    .lb-header a{
        padding:6px 10px;
    }
    .expert-tab .nav-item{
        width: 33.3%;
    }
    .chat-txt-area input{
        width: 80%;
    }
     .expert-filter .button{
        float:inherit;        
        margin: 0 0 0 -4px;
    }
    .expert-filter{
        text-align: center;
        margin: 10px auto;
        float: inherit;
        box-shadow: none;
    }
     .expert-prime {
    text-align: center;
}
    .expert-count{
        text-align: center;
        margin-bottom: 10px;
    }
    .dash-head h2{
        font-size: 18px;
    }
    .book-profile {
    float: inherit;
    margin: 0 auto;
}
    .book-para {
     float: inherit;
     padding-left:0;
   
    margin: 0 auto;
    text-align: center;
}
    .book-profile1 {
     float: inherit; 
   
        text-align: center;
}
    .book-para1 {
     float: inherit; 
     padding-right: 0;
    text-align: center;
}
    .book-profile img{
        margin: 0 auto;
        display: block;
    }
    .dash-date input, .dash-time input{
            width: auto;
    display: block;
    margin: 0 auto;
    }
    .dash-astrology h3{
        text-align: center;
    }
    .dash-time{
        padding: 0;
    }
    .tl-banner .top-enq .top-log-client{
        right: 70px!important;
    }
    .tl-ftr .colm-ftr img{
        margin: 0 auto;
    }
    .highlight{
        display: block;
    }
    .lb-header1 a{
        margin: 0 10px;
        padding: 6px 10px;
    }
    .lb-header a{
        margin: 0 10px;
    }
    .item-with-text-left{
        padding: 15px;
    }
    .item-with-text-left i {
    position: static;    
    margin: 5px auto;
    display: block;
}
    .item-with-text-left h6{
        text-align: center;
        padding-left:0;
}
.item-with-text-left p{
    text-align: center;
    padding-left: 0;
}
    .expert-bg img {
    height: auto;
}
    .contact-area {
     padding: 0; 
}
    .how-it-worl-bg {
    padding: 1rem 0;
}
    .charity-fund-bg {
    padding: 1rem 0;
}
    .expert-tab {
    padding: 1rem 0;
}
    .expert-head {
    padding: 0px 0;
}
    .atro-psycho-tab{
        padding: 20px 0;
    }
    .form-area {
   
    padding: 2rem 1rem;
}
    .section-main {    
    padding: 1rem 0;
}
    .tl-ftr .mor-lnk-ftr ul li a i{
        display: none;
    }
    .credit-scro1 {
    position: relative;
    top: 2px;
   
}
    .credit-scro1 .credits-mn {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
}
    .free-min{
        right: 0;
    }
    .sub-pop .inputGroup label {
    padding: 20px 50px 20px 50px;
}
    .frnt-add-all .best-btn{
        padding: 6px 15px;
    }
}
@media (max-width: 767px) {
    
  .ftr-ftr ul {
    text-align: center;
    width: 100%;
  }
  .ftr-ftr .ftr-mail {
    text-align: center;
    width: 100%;
  }
  .ftr-ftr p {
    text-align: center !important;
  }

 

  .tl-nav .navbar-toggler {
    padding: 0;
    transition: 0.2s all linear;
      z-index: 111;
  }
  .tl-nav .navbar-toggler:hover {
    background: #002e5b;
    color: #fff;
    transition: 0.2s all linear;
  }
  .tl-nav .navbar-toggler:hover .navbar-toggler-icon {
    background: #363636;
  }
  .tl-nav .navbar-toggler:hover .navbar-toggler-icon i {
    color: #fff;
  }
  .tl-nav .navbar-toggler-icon {
    padding: 7px 10px;
    background: #dedede;
    border-radius: 4px;
    border: 1px solid #bbb;
    width: auto;
    height: auto;
    transition: 0.2s all linear;
  }
  .tl-nav .navbar-toggler-icon i {
    color: #363636;
    transition: 0.2s all linear;
  }

  .tl-banner .banner-firt .banner-text1 {
    background-size: 100% 100%;
    margin: 60px auto;
    padding: 0 30px;
    background: none;
  }
    .bann-back{
        width: 100%;
        height: 520px;
    }

  .banner-text img {
    width: 260px;
  }
    .tl-banner .banner-firt{
        bottom:0;
        top: 15%;
    }
  .banner-text1 {
    height: 0 !important;
  }

  .atro-psycho-tab ul {
    position: inherit;
  }

  .top-im {
    padding: 0 !important;
    margin-top: 15px;
  }

  .atro-psycho-tab .ind-tab-cont {
    width: 100%;
  }
    
.expert-prime {
    text-align: center;
}
    .left-nav-top .navbar-collapse {
    position: absolute;
    z-index: 11;
    background: #fff;
   box-shadow: none;
    width: 200px;
    top: 102%;
    right:2px;
  }
    .tl-banner .tl-nav .left-nav-top ul .nav-item {
    padding: 0 8px;
    display: contents;
  }
    .expert-feed-para{
        text-align: center;
    }
    .choose-para{
        text-align: center;
        margin-top: 0;
    }
    .choose-btn {
    text-align: center;
    margin-top: 0px;
}
    .choose-voice p{
        text-align: center;
    }
    .ind-counseling .consl-ind{
        padding: 0 15px;
    }
    .tl-banner .tl-nav .left-nav-top .navbar-brand img{
        margin-top: 0;
    }
    .tl-banner .top-enq .top-log-client{
            top: -50px;
    right: 90px;
    }
    .tl-ftr .mor-lnk-ftr ul{
        display: table;
        margin: 0 auto;
    }
    .mr-link h5{
       text-align: center;
    }
    .mr-link hr{
        margin: 8px auto !important;
    }
    .tl-ftr .colm-ftr p{
        text-align: center;
    }
    .tl-ftr .colm-ftr img{
        margin: 0 auto;
        display: block;
    }
    .dash-profile a{
        position: static;
        margin: 0 auto 10px;
        display: table;
    }
}

@media (max-width: 991px) {
    .ftr-ftr, .ftr-ftr p{
        text-align:center !important;
    }
    .tl-banner .tl-nav .left-nav-top nav{
        height: 60px;
    }
    .dash-date {
    display: inherit;
    margin-bottom: 15px;
}
    .dash-hist{
        margin: 0 auto;
        text-align: center;
    }
    .book-appomnt-bg, .book-choose-bg{
        width: 95%;
    }

    .expert-filter .textbox{
      float:inherit;
        border:1px solid rgba(51, 51, 51, 0.5);
}
    .new_container .left{
        width: 100%;
        overflow: scroll;
        margin-bottom: 15px;
    }
    .new_container .right .chat{
        width: 100%;
    }
    .new_container .right{
        width: 100%;
         overflow: hidden scroll;
        margin-bottom: 40px;
    }
    .fc-header td {
  
    width: 100%;
    float: right;
    text-align: center;
}
    .fc-header-title h2{
        margin-bottom: 0;
    }
    .book-choose h2{
        padding: 1rem 0;
    }
     .tl-banner .top-enq .top-log-client {
/*    background: url(../images/login-back1.png) no-repeat;*/
    background-size: cover;
    width: 90px !important;
    padding: 10px 19px 0px 10px;
  position: absolute;
  
         float: inherit;
/*    text-align: right;*/
       
    border-radius: 6px;
  }
    .tl-banner .top-enq .top-log-client {
    /* background: url(../images/login-back.png) no-repeat; */
    background-size: cover;
    display: inherit;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-family: "f3";
    /* height: 55px; */
    padding: 10px;
    background: #de3c4b;
    text-align: center;
        transition: all 1s ease 0s;
}
    .tl-banner .top-enq .top-log-client:hover{
        background: rgb(244, 105, 51);
        transition: all 1s ease 0s;
    }
   .tl-banner .top-enq img {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/rt-login.png) no-repeat;
    padding: 14px 8px 22px 71px;
    background-size: cover;
}
.no-lst{
    text-align:center;
}
.no-lst .expert-filter {
    float: inherit;
        
}
.no-lst .expert-filter .button{
      float: inherit;
      margin-left: -4px;
}
.no-lst  .expert-filter{
    box-shadow:none;
}
    .atro-psycho-tab .ind-tab-cont{
        width: 100%;
    }
    .tl-banner .tl-nav{
        position: inherit;
    }
    .expert-bg img {
    height: auto;
}
    .credit-scro1{
        top:0;
    }
    .frnt-add-all{
        top:25px;
    }
    .tl-banner .top-enq .log-expert{
        right: 0;
            padding: 14px 8px 45px 71px;
    }
    .credit-scro4{
        top:42px;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
 .form-group{
        width: 85%;
    }
    .expert-tab .nav-item{
        width: 20%;
    }
    .expert-count {
    text-align: right;
    margin-bottom: 10px;
}
    .expert-prime {
    text-align: left;
}

}
@media (min-width: 768px) and (max-width: 991px) {
  .tl-banner .tl-nav .left-nav-top ul .nav-item {
    padding: 0 0px;
  }
  .tl-banner .tl-nav .left-nav-top ul .nav-item a {
    padding: 0 2px !important;
    font-size:12.5px;
  }

  .tl-banner .tl-nav .left-nav-top nav {
    padding: 0 40px;
  }

 

  .atro-psycho-tab ul {
    position: inherit;
  }
    .tl-banner .tl-nav .left-nav-top .navbar-nav{
        width: 90%;
    }
     .tl-banner .top-enq .top-log-client {
           top: -47px;
    right: 10px;
    }
    .tl-banner .banner-firt .banner-text1{
        padding: 55% 70px 0 120px;
    }
 
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tl-banner .tl-nav .left-nav-top nav {
    background: #fff;
    height: 55px;
    padding: 0 50px 0 13px;
  }
  .tl-banner .tl-nav .left-nav-top ul .nav-item {
    padding: 0;
  }
  .tl-banner .tl-nav .left-nav-top ul .nav-item a {
    padding: 0 6px;
      }

  .tl-banner .banner-firt .banner-text1 {
    padding: 29% 100px 0 188px;
  }

  .banner-text img {
    width: 610px;
  }

}


@media (min-width: 992px){
.view-profile .modal-xl {
    max-width: 800px;
}
}
@media (min-width: 1200px){
.view-profile .modal-xl {
    max-width: 1140px;
}
}

@media (min-width: 1300px){
   .tl-banner .banner-firt .banner-text3, .tl-banner .banner-firt .banner-text1{
       background:none;
   } 
   
}
/*# sourceMappingURL=query.css.map */
