@media (min-width: 576px) and (max-width: 991px) {
h2.threelines {
    width: 80%;
}     
}    
@media (min-width: 576px) and (max-width: 767px) {
i.iconh {
    font-size: 30px;
}  
span.ctitle {
    font-size: 24px;
} 
h2.threelines {
    font-size: 38px;
}    
}
@media (max-width:  480px) {

}
@media (max-width:  575px) {
h2.threelines {
    width: 90%;
}     
h2.threelines {
    font-size: 36px;
}     
i.iconh {
    font-size: 20px;
} 
span.ctitle {
    font-size: 18px;
} 
}

@media (min-width: 576px) {

}


@media (min-width: 768px) {
.tp-project-details-info-content span,
.tp-project-details-info-title {
    font-size: 18px;
}
.tp-choose-spacing {
    height: 63vh;
}   
}

@media (max-width:  767px) {
       
.tp-choose-spacing {
    height: 80vh;
}      
.tp-footer-contect-menu ul li a {
    font-size: 14px;
}    
img.logo-footer {
width: 130px;
}
.tp-breadcrumb-menu {
grid-gap: 4px;
} 
img.tretab {
    margin-bottom: 20px;
} 
.tp-project-feature-item span {
  font-size: 16px;
} 
.tp-project-details-info-content span,
.tp-project-details-info-title {
    font-size: 16px;
}  
}

@media (max-width: 991px) { 
.tp-choose-wrap-spacing {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
h2.threelines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;

    margin: auto ;
}    
.tp-choose-heading {
    margin-top: 50px;
}    
.tp-footer-contect-cta {
    text-align: center;
}    
br.mnone {
    display: none;
}    
.bt-faq {
padding-top: 80px !important;
padding-bottom: 0!important;
}    
section.stext {
margin:  0 0 40px 0;
}
img.logo-footer {
padding-top: 15px;
}
}	
@media (max-width: 1199px) {
ul.smicons li:not(:last-child) {
margin-right: 12px;
}	


}

@media (min-width: 1200px) {
.tp-services-shape-2 {
left: 50px;
}      
ul.smicons li:not(first-child) {
margin-left: 12px;
}	
img.logo-footer {
width: 200px;
}
img.consultant {
width: 320px;
}
}

@media (min-width: 768px) and (max-width: 1199px){
img.consultant {
width: 320px;
}
.tp-services-shape-2 {
left: 30px;
} 	

}


@media (min-width: 768px) and (max-width: 991px){
h2.threelines {
    font-size: 40px;
}        
.tp-footer-contect-menu ul li a {
    font-size: 16px;
}    
span.ctitle {
    font-size: 32px;
}    
img.bv {
width: 190px;
}	
.tp-breadcrumb-menu {
grid-gap: 8px;
}
i.iconh {
    font-size: 28px;
} 
img.logo-footer {
width: 150px;
}
}
@media (min-width: 992px) and (max-width: 1199px){ 
.row.csteps {
    row-gap: 24px;
}    
img.logo-footer {
    width: 200px;
}
}   
@media (min-width: 992px) {
.tp-footer-contect-menu ul li {
    margin-right: 55px;
}        
.d_fixed_attachment {
  background-attachment: fixed;
}    
.bg-slider-1 {
    background-image: url("../img/slider/1.webp");
}
.bg-slider-2 {
    background-image: url("../img/slider/2.webp");
}
.bg-slider-3 {
    background-image: url("../img/slider/3.webp");
}
.bg-about {
    background-image: url("../img/feature/feature-body-contour.webp");
}
.bg-why {
    background-image: url("../img/index/highlight-2.webp");
}
.bg-footer {
    background-image: url("../img/footer/footer.webp");
}    
.tp-choose-spacing {
  height: 100vh;
}    
.tp-choose-slide-wrap-2 .tp-choose-bg {
    min-height: calc(100vh - 86px);
}          
.tp-choose-bg {
  display: flex;
  flex-direction: column;
}      
.tp-footer-contect-menu ul li a {
    font-size: 17px;    
}
span.ctitle {
    font-size: 24px;
}  
.cstep-num {
    font-size: 50px;
}    
.dsh {
    height: 100%;
}    
.npy,
.faq-py-two {
    padding: 90px 0 ;
}  
.faq-py {
    padding-bottom: 80px;
}   
i.iconh {
    font-size: 30px;
}    
p.cinfos i {
    padding-right: 10px;
}    
.bt-faq {
padding-top: 80px !important;
padding-bottom: 0!important;
}    
.tp-breadcrumb-menu {
grid-gap: 12px;
}        
section.stext {
margin:  100px 0 50px;
}	
img.bv {
width: 230px;
}
/*p.stlength {
max-width: 260px;
}*/
}

/* ===================================
ONDA PRO — MOBILE OVERFLOW FIX
=================================== */

@media (max-width: 991px) {
.bg-slider-1 {
    background-image: url("../img/slider/1-m.webp");
}  
.bg-slider-2 {
    background-image: url("../img/slider/2-m.webp");
}  
.bg-slider-3 {
    background-image: url("../img/slider/3-m.webp");
}    
.bg-why {
    background-image: url("../img/index/highlight-m-2.webp");
}
.bg-footer {
    background-image: url("../img/footer/footer.webp");
} 
.bg-about {
    background-image: url("../img/feature/feature-body-contour-m.webp");
}    
.tpchoose {
    padding: 10px 20px;
    margin-bottom: 10px;
}   
.tp-footer-contect-menu ul li:not(:last-child)::after {
    content: "/";
    margin: 0 2px;
}
.tpchoose__icon {
    margin-bottom: 10px;
}    
.tp-choose-spacing {
}    
.tp-choose-bg {
}      
.cstep-num {
    font-size: 36px;
}     
.npy,
.faq-py-two {
    padding: 40px 0 ;
}   
.faq-py {
    padding-bottom: 40px;
}  
p.cinfos i {
    padding-right: 6px;
}
p.cinfos a:first-child {
    margin-right: 8px;
}
/* Comparison table:
scroll inside this section only,
not across the entire website */
.onda-comparison-wrap {
width: 100%;
max-width: 100%;
overflow: hidden;
}

.onda-comparison-scroll {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
}

.onda-comparison-table {
width: 1100px;
min-width: 1100px;
max-width: none;
}


/* Treatment goals:
six items currently remain in one row */
.tp-project-feature-main {
width: 100%;
max-width: 100%;
overflow: hidden;
}

.tp-project-feature-wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
}

.tp-project-feature-item {
flex: 0 0 33.333%;
width: 33.333%;
max-width: 33.333%;
}


/* Marquee:
its moving track is intentionally wider */
.tp-brand-text,
.lavae-why-area {
width: 100%;
max-width: 100%;
overflow: hidden;
}

.tp-brand-text-wrapper {
width: max-content;
max-width: none;
}
}

@media (max-width: 575px) {

.tp-project-feature-item {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
}

/* =========================================
FINAL HORIZONTAL OVERFLOW FIX
Keeps comparison table swipe working
========================================= */

html,
body {
width: 100%;
max-width: 100%;
overflow-x: hidden;
overscroll-behavior-x: none;
}

@supports (overflow-x: clip) {
html,
body {
overflow-x: clip;
}
}

/* GSAP smooth-scroll containers */
#smooth-wrapper {
width: 100%;
max-width: 100%;
overflow-x: hidden !important;
}

#smooth-content {
width: 100%;
max-width: 100%;
min-width: 0;
}

/* Marquee plugin generates a 100000px inner wrapper */
.tp-brand-text.marquee {
position: relative;
display: block;
width: 100%;
max-width: 100%;
overflow: hidden !important;
contain: paint;
}

.tp-brand-text.marquee .js-marquee-wrapper,
.tp-brand-text.marquee .js-marquee {
max-width: none !important;
}

/* Keep comparison scrolling inside the table only */
.onda-comparison-scroll,
.curvx-comparison-scroll {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}