/* responsive css start */

@media(max-width:767px){
  html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}
body {
  overflow-x: hidden !important;
}
h4{
  font-size: 20px !important;
}
h2{
  font-size: 25px;
}
h2,h3,h4{
  line-height: 27px !important;
}
.fs-4 {
    font-size: 20px !important;
}
.p-box.releted-boxx img.rounded {
    width: 100%;
    aspect-ratio: 5 / 4;
}
.list-iconnew h5 {
    font-size: 20px;
}
#image-slider ul {
    height: 227px !important;
    object-fit: cover !important;
}
.download_app h6 {
  font-size: 18px !important;
}
ul#myTab\ addproductpage {
    padding-left: 10px;
}
.sec_thir .slick-initialized{
  margin-left: 5px;
}
span.text-orange {
    color: #000 !important;
}
.astro-lg-card .card h5 {
    font-size:8px !important;
}
.astro-lg-card .card p {
    font-size:8px !important;
    line-height: 12px;
}
.m-auto {
    margin: 0 auto !important;
}
.astro-lg-card .card {
    height: 132px;
}
.review-meter span p {
    font-size: 11px;
}
.bg-transparent h4.text-center.m-0 {
    font-size: 16px !important;
}
.review-meter span {
    width: 65px;
    height: 65px;
    font-size: 9px;
    margin-top: -36px;
}
section.copyright {
    background: #0C2E3B;
    padding-bottom: 84px !important;
}
h6.as-l {
    font-size: 12px;
}
.p-categary-img {
    height: auto !important;
    aspect-ratio: 4 / 3;
}
label.form-gap {
    margin-top: 15px !important;
}
.card.bg-success.text-center.text-white.pt-3.mb-1 p {
    font-size: 12px;
}
.shop_filter .item {
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
    transition: all .2s ease-in;
    height: 230px;
}
.img-fluid.newwww {
    margin-top: 31px;
}
.shop_filter .offcanvas-header {
    padding-left: 0;
    padding-top: 71px;
}
.shop_filter .offcanvas-header .btn-close {
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    top: 55px;
    right: 24px;
}
.main-content-play {
    margin-top:30px;
    padding: 0px 0px;
}
div#playstore {
    margin-top: 0px;
}
.box_for_checkout {
    margin-top: 56px;
}
.cardtype-cases.beforeee::before {
    display: none;
}
.cardtype-cases.afterrr::before{
  display: none;
}
.border-mid:before{
  display: none;
}
.border-mid p::before{
  display: none;
}
.border-mid p::after{
  display: none;
}
.border-mid:after{
  display: none;
}
.border-mid p {
    height: 200px;
    width: 200px;
    font-size: 22px;
    letter-spacing: .5px;
}
.cardtype-cases {
    margin-bottom: 25px;
}
.cardtype-cases.dddd {
        display: none;
  }
  .cardtype-cases.mobile-only {
      display: block;
      margin-bottom: 46px !important;
  }
.cardtype-cases h1:nth-child(even) {
    position: absolute;
    top: -25px;
}
.cardtype-cases h1:nth-child(odd) {
    position: absolute;
    top: -25px;
}
.cardtype-cases p:nth-child(odd) {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
}
.cardtype-cases.beforeee {
    margin-top: 45px ! IMPORTANT;
}
section.handle-main {
    padding: 0px 0px;
}
.row.reverseee {
    display: flex;
    flex-wrap: wrap-reverse;
}
section.handle-main .col-md-4.top {
    margin-top: 30px;
}
div#guest-login-page {
    margin-top:20px;
}
.minute.model {
    height: auto;
    margin-bottom: 15px;
}
.images-m img {
    width: 94px;
}
.our-visionss {
     gap: 10px;
    padding: 10px 10px;
    border: 1px solid #00000033;
    margin-bottom: 15px;
}
.our-missionsss {
    gap: 10px;
    padding: 10px 10px;
    border: 1px solid #00000033;
}
.row.w-80 {
    width: 100%;
    margin: 0 auto;
}
.dacades-lawyer ul li {
    margin-bottom: 15px;
    font-size: 15px;
    width: 100%;
}
.cardtype-cases.border-mid2 {
    margin-top: 45px;
    margin-bottom: 15px;
}
.cardtype-cases.comliance {
    margin-top: 25px;
}
section.find-rightaway {
    background: #026489;
    padding: 45px 0px;
    margin: 30px 0px;
}
.reverse-row .row.mt-5 {
    display: flex;
    flex-flow: wrap-reverse;
}
section.find-rightaway .row.mt-4 {
    display: grid;
}
#vtestimonial .modal-dialog {
    margin-top: 98px;
}
.v_btn {
    width: 28px;
    height: 28px;
    right: 1px !important;
    top: 0px !important;
}
.expert-legal {
    margin-top: 20px;
}

.backcolor-new img {
    width: 32px;
    margin-bottom: 6px;
}
button.accordion-button.fw-semibold.collapsed {
        padding: 10px 15px;
        line-height: 30px;
    }
  .footer_menu ul li a {
      border-bottom: 2px solid #026489 !important;
      width: max-content;
  }
  ul.footer_list li a{
    border:0px!important;
    width: 100%;
  }
  .footer_menu ul {
      display: flex !important;
      flex-wrap: wrap;
      gap: 1px 16px !important;
  }
  .top-category p {
      font-size: 11px;
      padding: 6px 4px;
      width: auto;
      margin-bottom: 14px;
  }
  .top-category ul {
      display: block !important;
  }
  ul.icon_listss img {
      width: 145px;
      margin-bottom: 11px;
  }
  ul.icon_listss {
    display: flex !important;
}
.main-content-play h2 {
    margin-bottom: 9px !important;
    font-size: 21px !important;
    line-height: 30px;
}
  ul.footer_list li {
      padding-bottom: 12px;
  }
  footer h6 {
      color: #ffffff;
      margin-bottom: 12px;
      font-size: 15px;
      margin-top: 10px;
  }
  .visa-card ul.d-flex.gap-1 {
     width: 78px;
     margin-top: 7px;
 }
 p.hiressp {
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 80px !important;
}
 .pt-5 {
    padding-top: 1rem !important;
}
.mt-5 {
    margin-top: 1rem !important;
}
section.accordion_main button.accordion-button.collapsed,.accordion-button:not(.collapsed) {
    font-size: 15px !important;
    padding: 10px 15px;
    line-height: 30px;
}
.ask-question-list select {
    width: 64%;
}.ask-question-list h3 {
    font-size: 16px !important;
    margin-bottom: 10px  !important;
}
section.accordion_main h2 {
    font-size: 20px !important;
    margin-bottom: 5px;
    margin-top: 0px;
}

section.accordion_main p {
    font-size: 14px;
}
.card_detailf {
    margin-top: 20px;
}
.w-35 {
    width: 58% !important;
}
section.ask_form_details p.mb-1.color-black {
    margin-top: 51px;
}
.ask_form_details button.accordion-button {
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 24px;
    padding: 10px 10px !important;
}
.details_question h2 {
    padding: 0px 0px !important;
}
section.card_list_last h3.fs-5.text-black.fw-bold.pb-2 {
    margin-top: 18px;
}
section.accordion_main .accordion-body {
    font-size: 14px;
}
.footer_menu ul li {
    padding: 3px 0px;
}
.fs-7 {
    font-size: 14px !important;
    margin-bottom: 0;
    /* padding: 3px 1px; */
    line-height: 22px;
}
section.mt-3.category_box.py-0 .card.border-0 {
    padding-bottom: 10px;
}
.join-advolive h4 {
    margin-top: 18px !important;
}
.top-category p span img {
    margin-right: 1px;
    width: 33px;
    height: 33px !important;
}
.top-categorys ul li {
    font-size: 20px;
}
.mb-4 {
    margin-bottom: 15px !important;
}
.mx-2 {
    margin-right: .0rem !important;
    margin-left: .0rem !important;
}
section.sec_thir.category_box .card.me-0 {
    margin: 14px 0px 15px 14px !important;
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}
section.sec_thir.category_box button.slick-next.slick-arrow {
    top: 105%;
    right: 38% !important;
}
section.sec_thir.category_box button.slick-prev.slick-arrow {
    left: 42.5% !important;
}
img.only-one.img-fluid.rounded-start {
    width: 100%;
}
.ps-5 {
    padding-left: 0.5rem !important;
}
.we_always h4 {
    font-size: 20px !important;
    padding: 0 !important;
}
.download_app.some_changes h5 {
    font-size: 18px !important;
    color: #0C2E3B;
    font-weight: 600;
    margin: 0 !important;
}
.download_app p {
    font-size: 13px;
    width: 100% !important;
    font-weight: 400;
    margin: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
h2.leagls {
    padding-left: 15px;
}
button.next.action-button.buy-now.m-auto {
    padding: 8px 15px;
    margin-bottom: 4px !important;
}
.pb-4 {
    padding-bottom: 0.5rem !important;
}
.fs-5 {
    font-size: 1rem !important;
    line-height: 26px;
}
.advice_main {
    margin: 0 auto;
    display: block;
    width: 100% !important;
}
section.cost_tomorrow{
    padding-bottom: 25px !important;
}
ul.icon_list.appointment li {
    font-size: 12px;
    margin-right: 0px;
}
.download_app .pt-4 {
    padding-top: 0rem !important;
}
.download_app h5 {
    font-size: 20px;
    width: 100%;
    margin-top: 10px !important;
}
ul.icon_list.appointment i {
    background: #DAAB1F;
    padding: 4px 5px;
    font-size: 11px;
    margin-right: 5px;
}
section.play-store {
    padding-top: 15px !important;
}
.cost_tomorrow h2 {
    font-size: 14px !important;
    line-height: 22px;
}
.advice_today img {
    width: 39px;
    margin-bottom: 7px;
}
.pt-4 {
    padding-top: 1rem !important;
}
.footer_menu {
    margin-bottom: 9px;
}

.specialties .card, .benifits .card, .category_box .card {
    padding-bottom: 12px;
}
section.mt-3.category_box.py-0 .row.mt-md-0.mt-5 {
    margin-top: 3rem !important;
}
.white {
    color: #fff;
    line-height: 22px;
    font-size: 18px !important;
    width: 100%;
    letter-spacing: .5px;
    margin: 0px;
}
h2.consults_banner {
    color: #fff;
    font-size: 16px !important;
    font-weight: 400;
}
.legal_queries {
    margin-top: 27px;
}
.banner_hire_lawyer {
    background-size: cover;

}
.s-banner-height{
  height: 325px;
}
.row.right_lawyer.mt-4 {
    padding: 15px 5px;
}

p.find-right {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}
.second_lawyer.div_arrow:before{
  display: none !important;
}
.second_lawyer.div_second:before{
  display: none !important;
}
.navbar-nav .dropdown-menu.show {
  position: static !important;
  transform: translate3d(3px, 5px, 0px) !important;
  }
  .dropdown-menu.show {
    display: block;
}
.mobile-menu .nav-item.dropdown{
  display: unset !important;
}
.second_lawyer h4 {
    font-size: 16px !important;
}
.second_lawyer img {
    width: 68px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.second_lawyer p {
    font-size: 14px;
    width: 85%;
    margin: 0 auto;
}
#progressbar {
    width: 100% !important;
    margin-top: 10px !important;
}
.fs-title {
    font-size: 22px !important;
    margin-bottom: 3px;
    margin-top: 12px !important;
}
p.inforemws {
    width: 100%;
    padding-bottom: 25px;
    font-size: 14px !important;
}
form#multistepsform {
    width: 100%;
    margin-bottom: 4px !important;
    margin-top: 5px;
}
#multistepsform {
    width: 100%;
    margin: 50px auto;
    padding: 8px 15px;
    box-sizing: border-box;
    width: 90%;
}
.ask_form ul#progressbar {
    width: 100% !important;
    padding: 0px !important;
}
section.ask_form label.form-check-label {
    margin-left: 7px !important;
    font-size: 12px;
}
form#multistepsform .form-check.text-start input {
    width: 18px !important;
    height: 10px !important;
    padding-left: 0px !important;
}
form#multistepsform input#flexCheckDefault {
    padding-left: 0px !important;
}
#multistepsform input, textarea, select {
    padding: 8px !important;
    margin-bottom: 17px;
    width: 100%;
    font-size: 14px !important;
    padding-left: 12px !important;
}
.action-button{
 font-size: 14px !important;
}
.otpmain_section .modal-dialog {
    border-radius: 12px;
    margin-top: 67px;
}
.otpmain_section img {
        width: 84%;
        margin-top: 35px !important;
        margin: 0 auto;
        display: none;
    }
.imagesss {
    display: none;
}
.modal-content.mobile-top {
    margin-top: 68px;
}
.otp_section button.submit.action-button {
    margin-bottom: 25px;
    padding: 7px 30px;
}
.myform h3 {
    font-size: 16px !important;
    margin-top: 5px;
}
p.m-0.mt-3 {
    padding-left: 15px;
}
button.submit.Loginbutton {
    padding: 9px 24px;
    font-size: 14px !important;
    margin-bottom: 0px !important;
}
.footer_login.ssss {
    position: relative;
    bottom: -22px;
}
.myform {
    padding: 10px 15px 20px 15px !important;
}
.footer_login ul {
    justify-content: space-between;
    padding-right: 0px !important;
}
.footer_login.ssss ul li {
    padding: 0 !important;
    font-size: 10px !important;
}
.footer_login ul li {
    padding: 0px 10px !important;
    font-size: 10px !important;
}
.otp_section.loginss {
    margin-top: 55px;
}
.pb-5 {
    padding-bottom: 10px !important;
}
ul#myTab\ addproductpage a.nav-link.active {
    padding: 9px 15px;
    line-height: 20px;
}
ul#myTab\ addproductpage li.nav-item {
    padding: 0;
    margin-right: 10px;
    margin-bottom: 12px;
}
ul#myTab\ addproductpage a.nav-link {
        padding: 9px 15px;
        line-height: 20px;
}
h5.all-reviews {
    font-size: 15px;
    margin: 0 !important;
}
.discription-heading{
  margin: 0px !important;
}
.discription-heading h5 {
    font-size: 16px;
}
ol {
    padding-left: 14px;
}
.discription-heading .accordion-body ol li {
    line-height: 30px !important;
}
.discription-heading button.accordion-button {
    box-shadow: unset !important;
    color: #000000 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 0px !important;
}
.btn-secondary{
  height: auto !important;
}
.float-shadow, .btn {
  padding: 2px 15px;
  font-size: 14px !important;
}
div#image-slider {
    margin-top: 30px;
}
div#offcanvasWithBothOptions {
    z-index: 99999;
    top: 36px;
}
button.btn.btn-close.rounded-circle.remove-mini-item {
    right: 8px !important;
    padding: 6px;
    top: 53px;
    font-size: 10px !important;
}
.continue {
    justify-content: space-between;
    margin-top: 58px;
}
.scroll-section-side .item .p-box img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
}
.continue p {
    font-size: 15px;
    padding-right: 10px;
}
.row.mobile-reverse {
    display: flex;
    flex-wrap: wrap-reverse;
}
section.py-3.checkout-main-section .col-lg-5 {
    margin-top: 0 !important;
}
.cases-list {
    gap: 4%;
}
.ask-question-list {
    padding: 9px 12px;
    margin-top: 61px;
}
.cases-list ul {
    padding: 0 !important;
}
.cases-list ul li {
    margin-bottom: 8px;
    font-size: 11px;
    display: flex;
}
.ask-question-list i {
    font-size: 18px;

    margin-right: 3px;
}
button.btn-close.text-reset {
    right: 6px !important;
    top: 12px !important;
    font-size: 15px !important;
}
label.mb-1.margin-gap {
    margin-top: 15px;
}
.gaptop-main {
    margin-top: 60px !important;
    margin-bottom: 0 !important;
}
.main-profiless {
    margin-top: 5px;
}










}

/* responsive css end manoj */

@media(max-width:768px){
  .ris .btn{
    padding: 8px 8px 8px 12px !important;
  }
  ul.dropdown-menu.show li.nav-item a {
      color: #000;
      font-size: 16px;
  }
  .mobile-submenu .mobile-sub-toggle a{
    line-height:33px !important;
            font-weight: 500;
  }
  .mobile-submenu-inner a{
    font-weight: 400;
  }
  .thank-you-message {
    max-width:none !important;

}
  .slick-slide {
    padding: 0 0px;
}
  /* .main_button {
    padding: 10px 9px;
} */
.main_button {
    padding: 12px 14px;
    font-size: 14px !important;
}
  .c-h-f.busy, .c-h-f.online, .c-h-f.offline {
    position: absolute;
    left: -75px;
    top:3%;
}
  .min-w70{
    min-width:40%;
  }
  .text-truncate-custom2 {
    display: inline-block;
    max-width: 135px;

}
  .min-hhh {
    max-height:84px;
    height:70px;
}
  .f12-m{
    font-size: 12px;
  }
  .fs-m{
    font-size: 14px !important;
  }
  .forfon18{
    font-size: 18px !important;
  }
  .fontphn20{
    font-size: 20px !important;
  }
  .list-iconnew h6 {
    font-size: 18px;
}
  .font15{
    font-size: 15px !important;
  }

  .second_hire_lawyer .right_lawyer h2.it_works.f-30 {
    font-size: 20px !important;
}
  .banner_hire_lawyer .hire_lawyer {
      padding-top: 0px !important;
      padding-bottom: 0px;
  }

  section.p-4.shop_filter.h {
      padding: 0px 5px !important;
      margin-top: 77px;
  }
  .col-lg-4.pe-0.mobileleft {
      padding-right: 10px !important;
  }
  .category_box div#offcanvasExample {
      margin-top: 50px !important;
  }
.mobile-onlytt {
    padding-left: 10px;
}
h5.card-title.text-center.fw-semibold.fs-6.py-3.mb-0.product-card-h-c.text-truncate {
    padding: 0px 10px;
    font-size: 15px !important;
}

.mobileleft .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 160px;
  }
.modal-dialog .main-content-play .icon_listss{
  flex-wrap: wrap;
}
.modal-body .main-content-play h2 {
    margin-bottom: 9px !important;
    font-size: 16px !important;
    line-height: 20px;
}
  .max-width-text{
    max-width: 100%;
    overflow: inherit;
    text-overflow: inherit;
    white-space:wrap;
}
.minicartdata {
  max-height:55vh;
  overflow: hidden;
  overflow-y:overlay;
}
.prod-name{
  font-size: 14px !important;
}
/* .shop_filter .item {
    height: 300px;
} */
  .order-main-b{
    width:100!important;
  }
  .cartb-img img{
    width: 200px;
  }
  .dash-he{
    font-size: 12px;
  }
  .quizz-b{
    border-right: 0px solid yellow !important:
  }
  .min-hnew {
    min-height: 60px;
  }
.Chapter-h h6{
  font-size: 12px !important;
}
  .dash-foo{
    display: inherit !important;
  }
.send-textera{
  width: 100%;
}
  .im-box img {
      width: 170px !important;
  }
  .im-box{
    margin-left: 0px !important;
  }
  .slot_time{
    max-height: 300px;
  }
  .charge-l{
    padding: 0px !important;
  }
.dash-cf-cardd h5{
  font-size: 10px !important;
}
.dash-b-heading{
  font-size: 14px !important;
}
.dash-cf-cardd li a{
  padding: 0px !important;
}
  .time-th{
    width:100%;
  }
  .earnings-box{

    flex-wrap: wrap;
  }
  .earnings-box>div{
    width: 50% !important;
  }
.blog-desc img{
  max-width: 100%;
}
  .coming_content h1 {
      font-size: 55px;

  }

  .d-c-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.d-c-card .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.d-c-card .col-lg-3, .d-c-card .col-12 {
  display: flex;
  flex-direction: column;
}

.d-c-card .col-lg-3 img {
  object-fit: cover; /* Ensures the image covers the area without distortion */
  height: 100%; /* Make the image take up full height of the column */
}

.d-c-card .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Distributes space inside the column */
}

.d-c-card .col-lg-3 .btn {
  margin-top: auto; /* Push the button to the bottom of the card */
}

.d-c-card .actual_price, .d-c-card .sale_price {
  display: block;
}

.d-c-card  .p-0 ul {
  margin: 0;
  padding: 0;
}
.dc-c-card{
  margin-bottom: 10px;
}
.d-c-card .p-0 ul li {
  display: flex;
  align-items: center;
}

.d-c-card .fs-7 {
  font-size: 0.875rem;
}

  .c-c-text-new {
    display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     height: 3rem;
  }
  .dash-tab li a{
    padding-left:3px;
    padding-right:3px;
    font-size: 10px;
  }
  .recharge-table th .contable th{
    font-size: 8px;
    padding: 2px;
}
  .p-canvas{
    z-index: 99999;
  }
#Bookdemo{
  top:6%;
}
  .truncate {
    max-width:inherit !important;
}
.slick-next,.slick-prev{
  display: block !important;
}
.b-h{
  height: 160px;
}
.slots-time{
  height: 100% !important;
  padding: 0px !important;
}
.slots-time ul{
  padding: 0px !important;
}
.user-login-m{
  top:10%;
}
.icon-bb img{
  height:53px;
  }
.feature-new-t{
  font-size: 12px;
 font-weight: 700;
}
  .phone-heading{
          font-size: 1.5em;
          text-align: center;
          color: #007bff;
          width:226px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }
      .beni-p {
    max-height: 129px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px !important;
}
  .login-view{
    width:100%;

  }
  .astro-c{
    margin-top: 10px;
  }
  .sticky-sidebar{
    position: static !important;
  }
  .desktop-pl-40{padding-left:0px;}
  .live-footer{
  flex-wrap: wrap;

  }
  .benifit-icon-box {
    width:100%;
    margin: 0px;
    border-radius: 17px;
    height: 230px;
}
  #fixed-column {
       width: 100%; }
  .minicartdata .img-thumbnail{
    max-width: 100% !important;
  }
  .course-titles{
    font-size: 14px;
  }
  .short_desc h2{
    margin-left: 0px !important;
  }
  .banner-bg-c{
    margin-top: 18px !important;
    padding-bottom: 0px !important;
  }
  .sumbmit-frm{
    margin-top: 10PX;
  }
  .beni-card {
    max-height: 260px !important;
    height: 180px !important;
}
  .vastu_short_desc iframe{
    width:100% !important;
  }
  .touch-mobile{
    position:fixed;
    bottom:13%;
    width: 100%;
    z-index: 999;
  }
  .vastu_short_desc{
    flex-wrap: wrap;
  }
  .filter-d{
    justify-content: space-between;
  }
.course{
  height: 220px;
}
.courses .card{
  margin-bottom: 10px !important;
}
.primium-n .card img.card-img-top,.primium .card img.card-img-top , .live_courses-2 .card img.card-img-top {
    max-height: 185px !important;
  object-fit:fill !important;
min-width: inherit;
}
/* .p-card .footer {
  display: inline-block !important;

} */
.p-card{
  margin-bottom: 10px !important;
  /* height: 360px; */
}
.slick-dots li button,.slick-dots li button:before{
  display: none;
}
.m-fliter{
  display: none;
}

.i-box .card{
  width:47% !important;
  flex-direction: column !important;
  padding: 10px;
  height:100%;
}
.i-box .card .card-body{

  padding:0px;
}
.i-box .card .card-body h4{

margin-top:6px;
margin-bottom: 0px;
}
.specialties .card:hover, .benifits .card:hover, .category_box .card:hover {

    transform: translate(0,0px);
}

  .mobile-r{
   display:block;
 }
 /* .benifit-card{
   height: 455px;
 } */

  .desktop-r{
    display: none;
  }
  .aco-btn,.accordion-button{
    font-size:15px;
  }
  .consult_banner .online, .consult_banner .offline {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        position: absolute;
        left: 100px;
        z-index: 1;
        top: 20px;
        animation: ripple-white3 1s linear infinite;
    }
    .consult_banner .busy{
       animation: ripple-red 1s linear infinite;
       width: 14px;
       height: 14px;
       border-radius: 50%;
       position: absolute;
         left: 100px;
       z-index: 1;
        top: 20px;
    }
}

@media(max-width:400px){

  .top-category p {
       font-size: 10px;
       padding: 6px 4px;
       width: auto;
       margin-bottom: 14px;
   }
    .banner-img img {
        border: 10px solid #fff;
        border-radius: 50%;
        width: 100%;
        margin-top: 20px;
    }
    .specialties .card {
        width: 95%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

}

@media(max-width:768px){
  .all-modal{
    z-index: 999999 !important;
  }
  .talk_astrolgers .view_all {
    border: 1px solid #fff !important;
    width: 98px;
}
.download_app.some_changes p {
    margin-bottom: 10px !important;
}
  .f12{
    font-size: 12px;
  }
  .nodata {
    height: 150px !important;
    width: 150px !important;
    border-radius: 50% !important;
}
.dash-heading{
  font-size: 15px !important;
}
.no-img-h{
  font-size: 14px;
}
  .astro-account-tab li a{
    font-size: 10px;
    padding: 3px;
  }
  .cons-card{
    max-height: 200px;
    height: 130px;
  }
  .recharge-table th, .recharge-table td {
    font-size: 7px;
    padding: 2px;
}
.order-table tr td{
  font-size: 10px;
}
  .verticalButton-2 {
    position: fixed;
    top:30%;
  right:-13% !important;
  border-style: none !important;

  }
  .price-wrap #two{
    margin-right: -11px;
  }
  .truncate{
     max-width: none !important;
  }
  .about-list ul {
    margin-left:0px;
}
  .product-card-h-c{
    max-width: auto; /* Set a specific max-width for the container */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  }
  .f-img img{
  width:100%;
}
  .v-service-img{
    width: 100%;
  }
  .video-container {
      position: relative;
      padding-bottom: 56.25%; /* Aspect ratio for 16:9 */
      height: 0;
      overflow: hidden;
      max-width: 100% !important;
    }
    .vastu_short_desc iframe {
      width: 100%;
      height: 100%;
    }
  .slick-prev, .slick-next {
    opacity: 1 !important;
    transition: .5s;
}
.v-btn-box{
  position: relative;
  z-index: 9999;
}
.f-row{
  flex-wrap: wrap !important;
}
.verticalButton {
  padding:0px 0px 0px 0px;
    width: 250px;
    height:40px;
    background: #0C2E3A;
    border-radius: 0px 0px 5px 5px;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    position: fixed;
  top:30%;
  left: -12%;
}

.arrow-b{
  margin: 0;
    padding: 0;
    height: 49px;
    /* border-style: none; */
    color:white !important;
    height: 35px;
    width:121px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgray;
    border-radius: 6px;

}
.v-btn-box button .arrow-b{
  margin: 0;
    padding: 0;
    /* height: 49px; */
    color:white !important;
    /* height: 35px; */
    width:121px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgray;
    border-radius: 6px;

}
.arrow-b i{
  font-size: 40px !important;
}
.off-body-m{
   position: absolute !important;
    width: 100% !important;
    top:4% !important;
}
.p-canvas{
  max-width: 70% !important;
}
.discription .accordion-body ul li span i{
  padding: 0px;
}
.content-icon {

    width: 30px !important;
    height: 30px !important;


  }
  .content-icon i{
    font-size: 11px;
  }
  .f-policy{
    padding-bottom:20px;
  }

  .c-h{
    font-size: 16px !important;
  }
  .c-h-f{
    font-size: 11px !important;
  }
  .p-12{
    font-size: 13px !important;
  }
  .instructor .card {
    max-height: 270px;
    height: 266px;
}
  .mini_cart-off{
    width: 100% !important;
  }
  .thumb{
    max-width: 25%;
  }
    .modal .heading{
        font-size: 20px;
        line-height: 28px;
        padding: 0 0;
        }
        .modal ul li{
            font-size: 12px;
            line-height: 18px;
        }
        .modal .login_detail h2{
            font-size: 26px;
        line-height: 28px;
        padding: 0 0;
        }
        .notification {
            font-size: 12px;
            font-weight: 400;
        }
/* .category_box{
  margin-top:75px;
} */
}
@media(max-width:768px){
  .facebook:hover,.instagram:hover,.pinterest:hover,.linkedin:hover{
background: white;
}
.pp-16 p{
  font-size: 16px!important;
}
.welcome-section {
    padding: 30px 0;
}
.mt-mobile{
  margin-top:4rem !important;
}
.mx-a p {
    display: inline-block;
    max-width:120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.order-modal{
z-index: 999999;
}
.hh-grayBox {

margin-top:0px;
padding: 17px;
}
.order-tracking p {
font-size:10px;
}
.order-tracking p span {
font-size: 12px;
}
  .menu-offf,.off-profile{
    z-index: 999999 !important;
  }
  .status-btn-astro{
    font-size:10px !important;
  }
  .user-login-m{
    z-index: 9999999;
  }
  .asstro-tab li a.active {
color: white !important;
border-style: none;
border-bottom: 3px solid white;
padding-bottom: 1px !important;
}
  .lg-card h5{
    font-size: 14px;
  }
  .lg-card{
    height: 120px;
  }
    .profile .register_form .dropdown-toggle::after {
        display: inline-block;
        margin-left: 50%;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: relative;
        right: 0px;
    }
    .primium-n .card:hover, .primium .card:hover, .live_courses-2 .card:hover, .live_courses .card:hover, .live_courses-2 .card:hover, .vastu .card:hover, .astro .card:hover, .testimonials .card:hover, .vtestimonials .card:hover,.vtestimonials-2 .card:hover, .blogs .card:hover, .vastus .card:hover, .instructor .card:hover {

transform: translate(0, 0px);
}
    .p-font{
      font-size: 13px;
      margin-bottom: 10px;
    }
    .register_form .dropdown-toggle::after {
        display: inline-block;
        margin-left: 45%;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: relative;
        right: 0px;
    }
    .dashboard-menu {
        /* display: flex; */
        width: 100%;
    }
    .dashboard-menu {
        grid-area: timeline;
        align-self: start;
        position: -webkit-sticky;
        position: relative;
        top: 0;
        z-index: 100;
        height: 100%;
      }

    .dashboard-menu ul {
        height: 100%;
        width: 100%;
        column-count: 2;
    }
}


@media(max-width:768px){
  .my-badge::after {
    content: "";
    border-bottom: 15px solid #F7471B;
    border-left: 14px solid transparent;
    transform: rotate(45deg);
    left: 39px;
    top: 16px;
    position: absolute;
}
.btn-effect {
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}
.p-icon {
    border: 1px solid;
}
.btn-effect {
    display: flex !important;
    left: 55% !important;
}
.p-icon {
    height:35px !important;
    width:35px !important;
  }
.my-badge {
    position: absolute;
    border-bottom: 25px solid #F7471B;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 4px;
    width: 81px;
    text-align: center;
    transform: rotate(-45deg);
    left: -23px;
    top: -8px;
    color: #fff;
}
  .slick-arrow{
    display: black !important;
  }
    .filters {
        width: 50%;
    }
    #myTab .nav-item {
      font-size: 10px !important;
      padding: 0px !important;
      /* margin: 0px !important; */
    }
    .about-tab li.nav-item .active {
    font-size: 12px !important;
}
.about-tab .nav-link {
  padding: 4px 4px; !important;
}
  }

/* end style css */

@media(min-width:1400px) {
    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

}
@media(min-width:1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }


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

  li.nav-item {
    padding: 17px 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000 !important;
}

}


@media(max-width:1199px) {
  .fs-8 {
    font-size: 10px;
}
.card_detail h6 {
    font-size: 11px;
    font-weight: 700;
    line-height: 16.41px;
}

.card_detail h6 {
    font-size: 14px !important;
    font-weight: 700;
    line-height: 23.41px;
    height: 31px;
}
.talk_astrolgers .card {
    margin: 0px 10px;
    padding: 10px 7px 8px 8px !important;
}
.talk_astrolgers .card h6 {
    font-size: 18px !important;
    padding-bottom: 4px;
    /* padding-top: 24px; */
}
.float-shadow {
    font-size: 12px;
}
    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    li.nav-item {
      padding: 17px 3px;
      font-size: 12px;
      font-weight: 600;
      line-height: 18.75px;
      color: #000000;
  }


    .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        display: block;
        width: 100%;
        padding: .375rem 2.25rem .375rem .75rem;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
          border: 1px solid #ffffff;
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        box-shadow: 0px 0px 4px 0px #00000040 !important;
    }

    header .icon_list li {
        font-size: 14px;
    }

    h5.card-title {
        font-size: 16px;
    }

    .primium .card .card-body .category h6,
    .primium .card .card-body .spacalization h6 {
        font-size: 13px;
        margin: 0;
        padding: 0;
        color: #000;
    }

    h2.heading {
        font-size: 28px;
        color: #303030;
        line-height: 37.5px;
        font-weight: 600;
        margin-left: 10px;
    }
    .card-detail img {
      width: 130px;
      height: 130px;
      aspect-ratio: 2/2;
      object-fit: cover;
  }
  .navbar-brand img {
    height: 70px;
}
.consult_banner .online, .consult_banner .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 113px;
    z-index: 1;
    top: 5px;
    animation: ripple-white3 1s linear infinite;
}
.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: absolute;
   left: 113px;
   z-index: 1;
   top: 5px;
}
}

@media(max-width:992px) {

  .primium .card{
    margin: 0 5px;
  }
  .consult_banner .card-header .rating {
    background-color: #fff;
    width: 84px;
    font-size: 16px;
    z-index: 1;
    padding: 7px;
    text-align: center;
    border-radius: 30px;
    border: 0.5px solid #F7471B;
    display: block;
    /* position: absolute; */
    margin: 0 auto;
    margin-left: 70px;
    margin-top: -20px;
}

  .card-detail img {
    width: 130px;
    height: 130px;
    aspect-ratio: 2/2;
    object-fit: cover;
}
.consult_banner .online, .consult_banner .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left:126px;
    z-index: 1;
    top:30px;
    animation: ripple-white3 1s linear infinite;
}

.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: absolute;
   left:145px;
   z-index: 1;
   top: 6px;
}
    .feature_wrap a {
        width: 30%;
        padding: 10px;
        min-height: 190px;
        padding-bottom: 0px;
        box-shadow: 0px 0px 7px 0px #00000000 !important;
        text-decoration: none;
        border-radius: 10px;
        margin: 10px;
    }

    header .icon_list li {
        border: 1px solid #F7471B;
        min-width: 33px;
        height: 33px;
        text-align: center;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        gap: 3px;
        border-radius: 5px;
        position: relative;
    }

    span.count {
        width: 16px;
        height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        right: -3px;
        top: -3px;
        border: 1px solid #F7471B;
    }
    .navbar-brand img {
    height: 70px;
}
  }
/* .short_desc iframe{
  width: 100%;
  height: 726px;
} */

@media(max-width:768px) {
  .talk_guru .card li.list-group-item, .talk_astrologer .card li.list-group-item {
    padding-bottom: 6px !important;
}
.card-wallet2 {
    margin: 60px 10px 10px 10px !important;
}
.mt-top{
  margin-top:5rem;
}
.mt-3{
  margin-top: 3rem;
}
.mt-top-2{
  margin-top:3rem;
}
.order-tracking{

    width: 48.33%;

}
.mobile_view {
    margin-top:0px;
}
.wallet_card_all li {
    width:49%;
}
.talk_guru .card img {
    width: 80px;
    height: 80px;
}
.talk_astrolgers .card h6 {
    padding-bottom: 0px;
}
.talk_guru .card li.list-group-item i, .talk_astrologer .card li.list-group-item i {
    font-size: 14px;
}
  .accordion-body{
    font-size: 12px;
  }
  .cart-boxx{
    padding-right: 0px;
  }
  .re-form{
    margin-top: 10px;
  }
  .live-coursess{
    padding-left: 18px !important;
  }
  .wishlist-btnn{
    padding: 8px 15px !important;
  }
  .enroll-noww{
    padding: 0px !important;
  }
  .discription .d-card-m {
    background: none;
  }
  .filter-d button.btn.btn-primary {
    margin: 0px !important;
    padding: 0px 15px !important;
    line-height: 20px !important;
    height: 37px;
}
  .feature_wrap a:hover{
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      transform: translate(0,0px);
  }
  .talk_guru .card, .talk_astrologer .card {
      margin-right:0px;
      margin-bottom: 10px;
    }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    right: 15px;
    top: 17px;
    position: absolute;
}
  .btn.btn-light {
    height: 38px;
    background-color: #fff;
    border: 1px solid #FFA500;
    border-radius: 30px;
    color: #000;
}
#searchByName {
    padding: 6px 10px;
    border: 1px solid #ffb01f;
    border-radius: 30px;
}
  /* p{
    font-size: 13px !important;
  } */

  .mobile-flex{
    flex-wrap: wrap !important;
  }
  .contable tr td{
    font-size:12px;
  }
  .contable tr th{
    font-size: 9px;
  }
  #myTab .nav-item {
    padding: 0px 3px;
    font-size: 9px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000000;
}
  .f12{
    font-size: 12px !important;
  }
  .f11{
    font-size: 9px !important;
  }
  .vastu .card .card-title {
      color: #000 !important;
      font-size: 18px;
      font-weight: 500;
      background: linear-gradient(282deg, rgb(201 193 193) 0%, rgb(255 255 255 / 96%) 100%) !important;
      padding: 10px;
      text-align: center;
      border-radius: 5px;
      position: absolute;
      width: 90%;
      left: 5%;
      bottom: 0;
      display: flex;
      align-items: center;
      height: 45px;
  }
  .talk_guru .card:hover{

  transform : translate(0,0px)

}



.my-rating-box{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .my-rating-box .rating-count {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.my-pro .progress{
  width: 85%;
}
.star_box{
  height: 100% !important;
  max-height: 254px;
}
  .news-t{
    font-size: 13px;
  }
  .news-p{
    font-size: 12px;
  }
  .news {
    padding: 10px !important;
}
.news .btn-bg{
  font-size: 11px;
}
.news input{
  font-size: 11px;
}
  .progress {
      margin: 0px !important;
      background-color: #f7f7f7;
      /* border: 1px solid #ffa500; */
      height: 15px;
      border-radius: 10px
      width:70%;
  }
  .feature_wrap .card .card-icon {

}
.feature_wrap a:hover .card-title{

}
.feature_wrap .card .card-icon .icon {
    width:35px;
    height:35px;
}
.feature_wrap p{

}
.feature_wrap a {
    width: 30%;
    padding:9px !important;
    min-height:0px;
    padding-bottom: 0px;
    box-shadow: 0px 0px 7px 0px #00000040;
    text-decoration: none;
    border-radius: 10px;
    margin: 10px;
}
.feature_wrap a:hover{

}
.feature_wrap .card-body{
  padding: 0px;
}
  .content {
    margin-left: 10px;
    font-size: 11px;
    margin-bottom: 0px;
}
  h2.heading,h2 {

}
      .slick-next {
        right: 0 !important;
    }
    .slick-prev {
        left: 0 !important;
        z-index: 9;
    }

      .about-page {
        padding: 70px 60px 40px 60px !important;
    }
    .page-image{
    text-align: center !important;
    }
      .card-detail img {

        aspect-ratio: 3/3;
        object-fit: cover;
    }
      .short_desc iframe{
        width: 100%;
        height: 215px;
      }
        .templet_first.card {
            height: 100%;
            padding: 30px 20px;
            margin-bottom: 20px;
        }
        .templet_second.card {
            padding: 10px 20px;
            height: 100%;
        }
        .navbar-toggler {
            color: rgb(255 255 255 / 65%);
        }
        .social-menu {
          display: flex;
          justify-content: left;
      }
        .social-btn {
        list-style: none;
        width: 40px;
        height: 40px;
        background: #fff;
        margin: 8px;
        border-radius: 50%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 10px 10px -5px rgb(255, 255, 255, 0.1);
        transition: all 0.3s;
        z-index: 10px;
    }
    h1.title-color {
          font-size: 20px !important;
          margin-top: 17px;
          text-align: left;
      }
        footer .p-size {
          color: #fff;
          font-size: 12px;
      }
        footer ul li a {
      color: #fff;
      font-size: 12px;
      text-decoration: none;
      font-weight: 400;
      line-height: 20px;
      display: flex;
      gap: 6px;
  }
        /* .tags {
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: flex-end;
            position: absolute;
            top: 0;
            right:10px;
        }
        .talk_astrologer    .tags {
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: flex-end;
            position: absolute;
            top: 0;
            right: 10px;
        } */
        .consult_banner .card-header .rating {
          background-color: #fff;
        width: 60px;
        font-size: 12px;
        z-index: 1;
        padding: 2px;
        text-align: center;
        border-radius: 30px;
        border: 0.5px solid #F7471B;
        display: block;
        position: absolute !important;
        margin: 0 auto;
        /* margin-top: -20px; */
        top:36%;
        left: 17%;
        }
        .review-col{
            height: 400px;
        }
        .review-col-2{
            height: 240px;
        }
        .ratingg {
            text-align: center;
        }
        .client-review .card-body {
            text-align: center;
        }
        .reviews .rating {
            /* float: left; */
            width: 140px;
            margin: 0 auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 140px;
            border-radius: 50%;
            background-color: #F5F5F5;
            border: none;
            padding: 10px;
        }
        .histo {
            float: left;
            width: 100%;
            font-size: 13px;
        }
        .modal .heading {
            font-size: 20px;
            line-height: 28px;
            padding: 0 0;
        }

        .modal ul li {
            font-size: 12px;
            line-height: 18px;
        }

        .modal .login_detail h2 {
            font-size: 26px;
            line-height: 28px;
            padding: 0 0;
        }

        .notification {
            font-size: 12px;
            font-weight: 400;
        }

        .flatpickr-calendar {
            width: 100% !important;
        }

        .flatpickr-rContainer {
            width: 100% !important;
        }

        .dayContainer {
            width: 100%;
            min-width: auto;
            max-width: auto;
        }

        .p-5 {
            padding: 1rem !important;
        }

        .schedule {
            flex-wrap: wrap;
            display: block;
        }
        #voiceintervaltimejs ,#intervaltimejs ,#chatintervaltimejs{
          display: flex;
          flex-flow: wrap;
          gap: 7px;
        }
        #voiceintervaltime ,#intervaltime ,#chatintervaltime{
          display: flex;
          flex-flow: wrap;
          gap: 7px;
        }
        .slot_time .custom-radio{
          padding: 5px;
          height: 30px;
        }

        .consult_banner {
            padding: 1rem;
        }

        .mobile {
            display: block;
            background-color: #fff;
        }

        .desktop {
            display: none;
        }

        header .icon_list li {
            border:1px solid #ababab;
            min-width: 16%;
            height: 33px;
            text-align: center;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            padding:10px;
            gap: 0px;
            color: #fff;
            border-radius: 5px;
            position: relative;
        }
        header.mobile .icon_list li:last-child {
        border: 1px solid #ffff;
        overflow: visible !important;
        width: 44px;
        margin: 0;
    }
    header .icon_list li i {
           color: #fff;
           font-size: 23px;
      }
  .card.bg-success.pt-3.mb-1.d-flex.justify-content-center.align-items-center p {
    font-size: 13px;
}
a.fs-6.fw-semibold.btn.btn-warning.btn-rounded.sign-in {
    background: #0C2E3B;
    color: #fff;
    border-color: #0C2E3B;
}
       .text-orange {
    color: #ffffff !important;
}
        .bannerslider button.btn.btn-light {
            margin: 0 auto;
        }
          .bannerslider button{
            font-size: 12px !important;
          }
          .slick-next:before,.slick-prev:before  {
            font-size:26px !important;

          }

          .slick-next:before{
            margin-left: 4px;
            font-size: 20px !important;
          }
        section.sec_thir.category_box  .slick-next:before,.slick-prev:before{
            margin-left: 0px !important;
            font-size: 20px !important;
          }
        .bannerslider{
          border-radius: 10px;
        }
            /* .slick-next:before{
              margin-left: 4px;
            }
            .slick-prev:before{
              margin-left:1px !important;
            } */
          .btn-padding {
        padding: 10px 19px !important;
}

        .bannerslider h2,
        .bannerslider p {
            text-align: center;
        }

        .feature_wrap a {
        width: 30%;
        margin: 3px;
        }
        .feature_wrap .row{
          justify-content: center !important;
        }

        .banner_height {
          height:80vh !important;
      }
.sec_section {
    background: #F6F7F9;
    padding: 30px 0 !important;
}
.view_all {
  font-size: 10px;
padding: 8px 10px;
margin: 0 auto;

}
.live_section {
    padding: 30px 0 40px 0 !important;
    background-size: cover;
}
.heading_main img {
    width: 90px;
}
.heading_main h2 {
    font-size: 20px !important;
    padding-top: 5px;
    line-height: 20px;
}
.heading_main {
    padding-bottom: 10px;
}

.primium .card, .live_courses-2 .card, .instructor .card, .primium-n .card {
    padding: 15px !important;
}
.primium .card .category .c-h-f {
    font-size: 14px !important;
    font-weight: 600;
}
.sec_third {
    padding: 30px 0;
}
.live_courses .card, .live_courses-2 .card, .vastu .card, .astro .card, .testimonials .card, .vtestimonials .card, .blogs .card, .vastus .card {
    margin: 20px 0px 0px 0px;
}
.testimonials_bg {
    padding: 20px 0 0px 0;
}
.foot_width a {
    width: 100% !important;
    margin-bottom: 10px;
}
.talk_astrolgers {
    padding: 20px 0px 8px 0px;
}
.talk_astrolgers .card {
    margin: 0px 0px;
    padding: 15px 22px 21px 20px;
}
/* .talk_guru .card_detail {
    height: 158px;
} */
.instructors_bg {
    padding: 30px 0 30px 0;
}
.indus-box {
    height: 175px;
}
.indus-box h3 {
    font-size: 13px;
}
.indus-box h3 {
    font-size: 13px !important;
}
.indus-box:hover .content-text {
    transform: translateY(-142px);
}

    }
    .about-page{
          padding: 200px 60px 120px 60px;
    text-align: center;
    margin-bottom: 30px;
        position: relative;
    }
@media(max-width:567px){
.consult_banner .offline {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      position: absolute;
      left:85px;
      z-index: 1;
      top: 0px;
      animation: ripple-white3 1s linear infinite;
  }
  .consult_banner .busy{
     animation: ripple-red 1s linear infinite;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     position: absolute;
     left: 188px;
     z-index: 1;
     top: 0px;
  }
  .consult_banner .online {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        position: absolute;
        left: 100px;
        z-index: 1;
        top:17px;
        animation: ripple-white3 1s linear infinite;
    }
    .consult_banner .busy{
       animation: ripple-red 1s linear infinite;
       width: 14px;
       height: 14px;
       border-radius: 50%;
       position: absolute;
       left:100px;
       z-index: 1;
       top:9px;
    }
}

@media(max-width:357px){
  .consult_banner .online, .consult_banner .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 110px;
    z-index: 1;
    top: 35px;
    animation: ripple-white3 1s linear infinite;
}
.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: absolute;
   left: 110px;
   z-index: 1;
   top:35px;
}
.logo img {
    height: 35px;
}
header .icon_list li {
    border: 1px solid #F7471B;
    min-width: 16%;
    height: 20px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    gap: 0px;
    border-radius: 5px;
    position: relative;
}
.navbar-toggler{
  font-size: 0.5rem !important;
}
.navbar{
  padding: 0px;
}
}

@media(max-width:390px) {
  .cardtype-cases.dddd {
    position: absolute;
    left: 0;
    margin: -107% 15px 20px 15px;
}
}
@media(max-width:350px) {
.banner_height {
    height: 64vh !important;
}
}
@media(max-width:920px){
section.position-sticky.desktop{
  display: none;
}
.mobile {
    display: block;
    background-color: #fff;
}
header.mobile .icon_list li:last-child {
    border: 1px solid #000;
    overflow: visible !important;
    width:100%;
    margin: 0;
}
.black-filter {
  filter: brightness(0) invert(0); /* makes image appear black */
}
.menu-offf, .off-profile {
        z-index: 999999 !important;
    }
.text-orange {
        color: #000 !important;
    }
    header .icon_list li i {
        font-size: 23px;
    }

    .whatsapp-float {
          bottom: 15%;
          left: 19px;
          padding: 10px;


}
/* tablet media css start  */
@media(min-width:768px) and (max-width:1024px){
body{
  overflow-x: hidden !important;
}
.m-ff{
  font-size: 12px;
}
.gaptop-main-tab{
  margin-top: 100px !important;
}
.mx-a p {
    display: inline-block;
    max-width:300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.card-wallet1 {
    justify-content:start;
}

.dash-sildbar {
    overflow: overlay;
    max-height: fit-content;
}

.offcanvas-header .btn-close {
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    top: 4%;
    right: 24px;
    z-index: 99;
}
.prod-name{
  max-width: 100% !important;
  text-align: center ;
}

.mt-md-top{
  margin-top: 4rem !important;
}
.verticalButton {
      left: -6%;
}
.cases-list {
    display: flex;
    gap: 30%;
}
.testimonial-slider .testimonial-box {
    min-height: 260px;
}
.text-md-start {
        text-align: center !important;
    }

html{
  overflow-x: hidden !important;
}
.login-view {
    width: 60%;
}
.about-page {
  padding: 110px 60px 60px 60px !important;
}
span.text-orange {
    color: #000 !important;
}
.row.w-80 {
    width: 100% !important;
    margin: 0 auto;
}
  .border-mid p {
          height: 160px;
          width: 160px;
          font-size: 15px;
          letter-spacing: .5px;
      }
      .cardtype-cases.dddd {
              display: block !important;
              margin-bottom: 60px;
          }
    .cardtype-cases.mobile-only {
        display: none;
        margin-bottom: 46px !important;
    }
    section.handle-main .col-md-4.top {
    margin-top: 117px;
}
    .cardtype-cases.border-mid2 {
    margin-top: 85px;
    margin-bottom: 15px;
}
section.position-sticky.desktop .row {
    justify-content: space-between;
}
.white {
    font-size: 39px !important;
    width: 100%;
    letter-spacing: .5px;
}
.cardtype-cases {
    margin-bottom: 62px;
}
.cardtype-cases.afterrr::before {
    height: 51px;
    rotate: 63deg;
    left: -31px;
    bottom: -8px;
}
.border-mid p::before {
    height: 56px;
    top: -50px;
}
.border-mid p::after {
    height: 73px;
    bottom: -73px;
}
.cardtype-cases.beforeee::before {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 49px;
    rotate: 108deg;
    left: -34px;
    top: 1px;
}
.cardtype-cases.beforeee::before {
    height: 49px;
    left: -34px;
    top: 1px;
}
.border-mid:before {
    height: 56px !important;
    rotate: 284deg;
    left: 26px !important;
    top: -2px;
}
.border-mid:after {
    height: 58px;
    left: 24px;
    rotate: 239deg;
    bottom: -15px;
}
.footer_menu ul {
        display: flex !important;
        flex-wrap: wrap;
        gap: 1px 16px !important;
        margin-bottom: 15px !important;
    }
  .footer_menu ul li {
        padding: 5px 0px;
    }
footer.mobile.bg-nav.position-fixed.fixed-bottom.py-2 {
      padding: 0 !important;
  }
  #multistepsform {
      padding: 13px 8px;
  }
  .top-category p {
  color: #000000;
  font-size: 11px !important;
  padding: 10px 5px;
  border-radius: 8px;
  margin-bottom: 25px;
}
.top-category span img {
    width: 20px;
    height: 20px !important;
}
.top-category p span img {
    margin-right: 1px;
}
section.sec_thir.category_box button.slick-next.slick-arrow {
    right: 44.5% !important;
}
footer ul li a {
    font-size: 12px;
    line-height: 16px;
    gap: 10px;
}
.main-content-play {
    margin-top: 33px;
    padding: 0px 5px;
}
.main-content-play h2.mb-5 {
    font-size: 20px !important;
    line-height: 29px;
}
section.sec_thir.category_box button.slick-prev.slick-arrow {
    left: 44.5% !important;
}
.second_lawyer.div_second:before{
  display: none;
}
.second_lawyer.div_arrow:before{
  display: none;
}
#progressbar {
    width: 100% !important;
}
.col-md-6.padding-left {
    padding-right: 0px;
}
.m-nav {
    width: 100%;
    padding: 10px;
    max-width: 100% !important;
}
section.copyright {
    padding-bottom: 93px !important;
}
.downloadplay .modal-dialog.modal-lg {
    margin-top: 70px;
    --bs-modal-width: 700px !important;
}
ul.icon_listss.d-flex.gap-3.p-0 li img {
    width: 94%;
}
.card-body.astro-list ul.p-0.p-3.pb-0 {
    padding: 0 !important;
}
.astro-list ul li a {
    font-weight: 400 !important;
    font-size: 12px !important;
}
.card-body.astro-list {
    padding: 0px 12px;
}
.profile-img-box {
    margin-top: 42px !important;
}
 .card-body.text-black.ms-2 {
    padding: 0 !important;
}
.top-space .col-sm-9.mt-5.mt-md-0 {
    margin-top: 150px !important;
}
.card.mb-3.bg-light input,select.form-control {
    border-right: 1px solid gainsboro;
    font-size: 13px;
}
.card.bg-success.text-center.text-white.pt-3.mb-1 {
    /* height: 122px; */
    padding-top: 7px !important;
    margin-left: 5px !important;
}
label.form-gapping {
    margin-top: 18px;
    font-size: 11px;
}
.card.bg-light.p-3.mt-3 {
    margin-top: 150px !important;
}
ul.list-group {
    padding: 5px !important;
}
.card.bg-primary.text-center.text-white.pt-3.mb-1 p {
    font-size: 9px;
}
.w-25 {
    width: 51% !important;
    margin-top: -21px;
    z-index: 999;
}
}

@media(min-width:920px) and (max-width:1024px){
  .cardtype-cases.afterrr::before {
      height: 68px;
      rotate: 59deg;
      left: -45px;
      bottom: -22px;
  }
  .border-mid p {
      height: 175px;
      width: 185px;
      font-size: 15px;
      letter-spacing: .5px;
  }
  .cardtype-cases.beforeee::before {
      height: 72px;
      left: -52px;
      top: -16px;
  }
  .border-mid:before {
      height: 69px;
      rotate: 286deg;
      left: 36px;
      top: 6px;
  }
  .border-mid:after {
        height: 74px;
        left: 42px;
        rotate: 243deg;
        bottom: -15px;
    }
    section.copyright {
        padding-bottom: 0px !important;
    }
}
@media(min-width:810px) and (max-width:1024px){
  .banner_height {
     height: 60vh !important;
 }

}
@media (min-width: 768px) and (max-width: 1023px) {
  .sticky-sidebar {
    margin-top: 50px;
  }
div#mobilemenu .offcanvas-header .btn-close {
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    top: 90px;
    right: 4%;
}
div#mobilemenu .offcanvas-header .btn-close {
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    top: 21px !important;
    right: 4%;
}
div#offcanvasWithBothOptions {
    z-index: 99999;
    width: 60% !important;
}
  section.top-gapping-second {
     margin-top: 50px !important;
 }
 .cart-boxx .offcanvas-header {
     margin-top: 62px !important;
 }
  .category_box .col-md-9{
    margin-top: 50px;
  }
  .sticky-sidebar .main-filter-box .seller-box .h5 .fs-6 {
    font-size: 14px !important;
  }
  .maindetailcat{
    margin-top: 80px !important;
  }
  .category_box  .main-filter-box .btn-bg .h5 {
    font-size: 14px !important;
  }
.sticky-sidebar .seller-box h5{
  font-size: 12px !important;
}
.sticky-sidebar .seller-box p{
  font-size: 0.7rem !important;
}
.sticky-sidebar .seller-box ul li i{
  font-size: 12px;
}
.category_box .main-filter-box .seller-box .row.pb-3.border-bottom{
  padding-right: 10px;
}
.banner_height {
    height: 100vh !important;
}
}

@media (min-width: 540px) and (max-width: 540px) {
  .category_box .v-btn-box .verticalButton {
    margin-left: 20px;
  }
  .bannerslider {
    margin: 0;
  }
  .banner_height {
        height: 40vh !important;
    }
}
@media (min-width: 540px) and (max-width: 767px) {
  .category_box .v-btn-box .verticalButton {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 920px) {
  .offcanvas-start .offcanvas-body {
      margin-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 768px) {
  .slick-slider .card.border-0 {
    margin-right: 10px;
    margin-left: 10px;
  }

  .scroll-section-side .item .p-box img {
    width: 100%;
    height:100%;
  }

  .mobileleft .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
  .sticky-sidebar {
    margin-top: 30px;
  }
/* .shop_filter .col-lg-9.scroll-section-side {
    margin-top: 30px;
} */
  .talk_astrolgers .card {
    margin: 0px 10px;
    padding: 0px 22px 21px 20px;
}
.testimonials .card {
    margin: 15px !important;
    overflow: visible;
    background: #f6f7f9;
    border: none;
    box-shadow: none;
}
.vtestimonials .card, .vtestimonials-2 .card {
    margin: 10px !important;
    border: 0px;
    text-align: left;
}
.maindetailcat{
  margin-top: 80px !important;
}
}
@media (min-width: 296px) and (max-width: 351px) {
  .shop_filter  #products-list .item.m-2 {
    max-height: 220px;
    height: 220px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .Rating .star_box .rating-bar {
    padding-right: 50px !important;
  }
  .scroll-section-side .item .p-box img {
    width: 100%;
    /* height: 170px; */
}
h4.title-color {
        font-size: 14px !important;
        margin-top: 17px;
    }

}
@media (min-width: 767px) and (max-width: 991px) {
  #guest-login-page{
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .minute.model {
    background: #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
    padding: 20px 20px;
    height: 380px;
    max-height: 372px;
}
.talk_astrolgers .card {
margin: 0px 0px;
padding: 0px 22px 21px 20px;
}
#slider-wrapper {
  max-width: none !important;

}
.filter-d button.btn.btn-primary.d-block.d-md-none.mt-3.mb-2 {
    display: inherit !important;
    margin-top: 15px !important;
}
.hire_lawyer {
    margin-top: 50px !important;
    /* padding-bottom: 50px; */
}
.our-visionss {
    display: inherit;
    gap: 20px;
    background: #E4EBFD;
    /* padding: 12px 31px; */
    align-items: center;
    border-radius: 10px;
    border: 1px solid #00000033;
}
.our-missionsss {
    display: inherit;
    gap: 20px;
    background: #FFE6DF;
    padding: 15px 20px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #00000033;
}
.content-s h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .minute.model {
    background: #fff;
    border: 1px solid #c2bebe;
    border-radius: 10px;
    padding: 20px 20px;
    height: 200px;
    max-height: 200px;
}
}