@media only screen and (max-width: 768px){
    .single-services header {
    width: 94%;
}
blockquote:after {
    right: 0;
    bottom: -10px;
    width: 65px;
    height: 65px;
}
    nav.titlelist-menu ul {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 25px 10px;
    justify-content: center;
}

nav.titlelist-menu ul li {
    width: 47%;
    display: flex;
    justify-content: center;
}

nav.titlelist-menu {
    width: 100%;
}

nav.titlelist-menu ul a {
    text-align: center;
}

.titlelist-title:after {transform: rotate(-90deg);}

.titlelist-cta {text-align: center;margin: 0 auto;}

.titlelist-cta a {
    margin: 0 auto;
}
table{
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  margin: 24px 0 !important;
  border-collapse: separate !important;
}

/* خنثی کردن width / align های دسکتاپ */
table th,
table td{
  width: auto !important;
  white-space: normal !important;
  text-align: right !important;
}

table th:nth-child(1), table td:nth-child(1),
table th:nth-child(2), table td:nth-child(2),
table th:nth-child(3), table td:nth-child(3){
  width: auto !important;
  text-align: right !important;
}

/* هدر مخفی */
thead{
  position:absolute !important;
  width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

tbody, tr, td{
  display:block !important;
  width:100% !important;
}

tbody tr{
  background: #fff !important;
  border: 1px solid color-mix(in srgb, var(--color1) 35%, #ffffff) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 0 12px 0 !important;
}

tbody td{
  border: none !important;
  padding: 10px 12px !important;
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  justify-content: space-between !important;
  font-size: 14px !important;
}

tbody td + td{
  border-top: 1px solid color-mix(in srgb, var(--color1) 22%, #ffffff) !important;
}

/* ✅ لیبل هر ستون (از thead میاد و تو data-label قرار می‌گیره) */
tbody td::before{
  content: attr(data-label);  /* ✅ مهم */
  flex: 0 0 44%;
  max-width: 44%;
  font-weight: 700;
  color: var(--color1);
  opacity: .9;
  text-align: right;
}

/* ✅ قیمت: عددها مرتب‌تر (بر اساس لیبل، نه ستون ثابت) */
tbody td[data-label*="قیمت"],
tbody td[data-label*="هزینه"]{
  text-align:left !important;
  font-variant-numeric: tabular-nums;
}

/* فالبک برای مرورگرهای قدیمی */
@supports not (color: color-mix(in srgb, #000 50%, #fff)){
  tbody tr{ border-color: rgba(111,143,135,.35) !important; }
  tbody td + td{ border-top-color: rgba(111,143,135,.22) !important; }
}

    .tscpinnerrow {
    display: flex;
    flex-direction: column;
    padding: 18px;
    gap: 10px;
    border-radius: 50px 15px;
}

.tscppageright {
    width: 100%;
}

.tscppageleft {
    width: 100%;
}

h1.service-title {
    font-size: 25px;
    line-height: 45px;
    padding: 0;
    text-align: center;
}

.service-doctor {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tscppageright img {
    border-radius: 40px 15px;
}

.service-excerpt {
    text-align: center;
}

.content-inner {
    padding: 15px;
}

blockquote {
    max-width: 100%;
    padding: 43px;
}

blockquote::before {
    width: 20%;
    margin: 0 auto;
}

.usercommentavatar > p {
    padding: 10px 10px;
    min-height: 265px;
}

.faqbox {
    padding: 20px;
}

.usercommentavatar {
    border-radius: 40px 15px;
}

    .titlelistbox {
    display: flex;
    flex-direction: column;
}

    .abtpagesng .services-strip__cards {
    display: flex;
    flex-direction: column;
}

.abtpagesng .service-card {
    width: 100%;
}

.why-us-box {
    border-radius: 30px 60px;
}

.row.doctor-grid {
    display: flex;
    flex-direction: column;
}

.col-3.doctor-col {
    width: 100% !important;
    max-width: 90%;
    margin: 15px auto;
}
        .about-thumb {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    
	.archpageser .services-strip__cards {
    display: flex;
    flex-direction: column;
}

.archpageser .service-card {
    width: 100%;
}

.archpageser .services-strip__layout {
    display: flex;
    flex-direction: column;
}
.lyam-info-row {
    display: flex;
    flex-direction: column;
}

.lyam-col.lyam-col-right {
    width: 100%;
    position: relative;
    padding-bottom: 50px;
}

.lyam-col.lyam-col-left {
    width: 100%;
    text-align: center;
}

.lyam-watermark {
    display: none;
}

.lyam-info-row:before {
display:none
}

.lyam-info-row .lyam-col.lyam-col-right:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: repeating-linear-gradient(to left, #cfcfcf, #cfcfcf 8px, transparent 8px, transparent 16px);
        width: 100%;
        height: 1px;
        bottom: 0;
}

.lyam-head-title {
    display: flex;
    font-size: 25px;
    justify-content: center;
    margin-bottom: 10px;
}

.lyam-text {
    text-align: center;
    line-height: 32px;
}

.lyam-note {
    text-align: center;
    margin: 19px 0;
}

.lyam-col.lyam-col-right .lyam-actions {
    display: flex;
    justify-content: center;
}
    .insta-logo img {
    position: absolute;
    left: 0;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.instabnbox {
    display: flex;
    flex-direction: column;
    padding: 185px 25px 0px 25px;
    margin: 50px 0;
    border-radius: 70px 30px 70px;
}

.insta-text {
    width: 100%;
    text-align: center;
}

.insta-avatars {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.avatar {
    text-align: center;
    width: 23%;
}

    .services-strip__layout {
    display: flex;
    flex-direction: column-reverse;
}

.services-strip__left {
    flex: 0 0 100%;
    max-width: 100%;
}

a.services-strip__view-all {
    padding: 10px 15px;
}

.services-strip__cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 40px;
}

.service-card {
    width: 100%;
}

.services-strip__right {
    flex: 0 0 100%;
    max-width: 100%;
}

.services-strip__top {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.services-strip__right {
    display: none;
}


.owl-nav {
    position: relative;
    left: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    bottom: -21px;
}

.sliderbanner:before {
    display: none;
}
    .sliderbxcontent h3 {
    font-size: 29px;
}

.sliderbxcontent span {
    font-size: 17px;
}

.sliderbxcontent p {
    font-size: 13px;
    line-height: 28px;
}

.btnbx a {
    padding: 10px 13px;
}

.btnbx {
    justify-content: center;
}
    
    span.btn-menu svg {
    width: 24px;
    height: auto;
    fill: #fff;
    position: relative;
    top: 5px;
}

    .lyam-nav__list {
    display: none;
}

a.lyam-pill.lyam-pill--cta {
    display: none;
}

.lyam-actions {
    width: 25%;
}

.lyam-brand {
    width: 50%;
}

nav.lyam-nav {
    width: 25%;
}
    .sliderbx {
    display: flex;
    flex-direction: column;
}

.sliderbanner {
    padding: 135px 0px 0px 0px !important;
    position: relative;
    top: 0;
}

.sliderbximage {
    width: 94%;
    margin: 0 auto;
}

.sliderbxcontent {
    width: 100%;
    padding-left: 0 !important;
    left: -2px;
    position: relative;
    text-align: center;
    gap: 9px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.lyam-feature {
    display: flex;
    flex-direction: column;
}

.lyam-banner-media img {
    position: relative;
    width: 100%;
    height: auto;
    right: 0;
    top: 0px;
}

.lyam-banner-row {
    display: flex;
    flex-direction: column-reverse;
    padding: 30px 20px 35px 20px;
    border-radius: 25px 55px;
}

.lyam-col.lyam-col-content {
    width: 100%;
    text-align: center;
}

.lyam-btn.lyam-btn-outline a {
    padding: 10px 15px;
}

.lyam-btn.lyam-btn-fill a {
    padding: 10px 15px;
}

.lyam-banner-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}



  
.services-strip__top-left {display: none;}

.lyam-info-wrap {
    margin-bottom: 60px;
    margin-top: 70px;
}

.services-strip.moreservice {
    margin: 40px 0 60px 0;
}

.title-service p {
    width: 100%;
}

.title-service {
    margin-bottom: 20px;
}

.services-strip__cards.levelmore .service-card:nth-child(2), .services-strip__cards.levelmore .service-card:nth-child(4) ,  .services-strip__cards.levelmore .service-card:nth-child(3) {
    top: 0;
}

.lyam-review-head {
    display: flex;
    justify-content: center;
}

a.lyam-review-all {
    max-width: 180px;
    margin: 0 auto;
}

.owl-carousel.owl-video {
    margin-bottom: 30px;
}

.lyam-consult-row {
    flex-direction: column;
    gap: 0;
}

.lyam-consult-image {
    /* display: none; */
    position: relative;
}

.lyam-consult-left {
    width: 100%;
}

.lyam-consult-right {
    width: 100%;
}

.lyam-consult-wrap {
    margin: 0px 0;
}

.lyam-consult-formbox {
    width: 100%;
    padding: 20px;
}

.lyam-consult-left-body {
    padding: 0;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
}

.lyam-consult-head {
    text-align: center;
}

.lyam-consult-sub {
    width: 100%;
    margin: 16px 0;
}

.lyam-consult-title {
    justify-content: center;
}

.lyam-blog-desc {
    width: 100%;
}
.lyam-contact-card {
    border-radius: 26px;
}

.lyam-blog-wrap {
    margin: 40px 0;
}

a.blog-more {
    width: 150px;
    margin: 0 auto;
}

.owl-carousel.owl-blog2 {
    margin-bottom: 30px;
}

.lyam-footer-row {
    flex-direction: column;
}

span.btn-menu {
    display: block;
}

    .lyam-form-row {flex-direction: column;}

.lyam-form-row .lyam-field {
    width: 100%;
}

.lyam-field input , .lyam-field textarea {
    width: 100%;
}

.lyam-footer-box {
    background-size: unset !important;
    background-repeat: no-repeat;
}
a.doctor-card {
    margin: 0 auto;
}
.why-us {
    margin: 40px 0;
}

.lyam-footer-cols {
    width: 100%;
    order: 2;
    text-align: center;
}

.lyam-footer-col.lyam-footer-col-center {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px; 
    border-bottom: 1px solid #ffffff47;
}

.lyam-footer-col.lyam-footer-col-contact {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #ffffff47;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.services-strip {
    margin-top: 50px;
}

img.frmimg {
    display: none;
}
img.frmimgm {
    display: block;
    width: 100%;
}

.services-strip__cards.levelmore {
    width: 100%;
}

.insta-banner {
    margin-top: 90px;
}
.lyam-footer-title:before {
    left: 0;
    right: 0;
    margin: 0 auto;
}
}