@media(min-width: 2000px){
	.hero-sec{
		padding: 200px 0;
	}
}
@media(min-width: 1750px){
	.hero-sec{
		padding: 150px 0;
	}
}
@media(min-width: 1400px){
    .container{
        max-width: 1240px;
    }
}
@media (max-width:1160px){
    .container{
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%;
    }
    .hero-sec{
        padding: 100px 0 80px 0;
        background-image: url('../images/hero.webp');
        background-position: center right;
        background-size: cover;
    }
    .hero-content h1,
    .hero-content .h1 {
        font-size: 34px;
        line-height: 40px;
    }
    .banner-img-group{
        margin-bottom: 0px;
    }
    .title-area .title{
        font-size: 30px;
        line-height: 38px;
    }
    h3{
        font-size: 26px;
        line-height: 32px;
    }
    .suitable-icon-box > h4{
        font-size: 24px;
        line-height: 30px;
    }
    .suitable-icon-box > p {
        font-size: 20px;
        line-height: 26px;
    }
    .how-is-it-sec{
        padding-bottom: 0px;
    }
    .urine-leakage-sec{
        padding: 60px 0;
    }
    .icon-list li > img{
        max-width: 28px;
    }
    .team-card .team-info{
        min-height: 454px;
    }
    .team-card .team-vector {
        left: -14px;
        max-width: 318px;
    }
    .faq-section{
        padding: 0 0 60px;
    }
}

@media (max-width:1024px){

    .benefits-sec > img {
        height: 100px;
        width: 1100px;
        margin: 0;
    }

    .change-section .change-image img {
        max-width: 380px;
    }

    .change-wrapper .change-pills .item:first-child {
        right: calc(50% + 170px);
        top: 30px;
    }

    .change-wrapper .change-pills .item:first-child:before {
        width: 70px;
        top: 85px;
    }

    .change-wrapper .change-pills .item:nth-child(2) {
        right: calc(50% - 430px);
        top: 152px;
    }

    .change-wrapper .change-pills .item:nth-child(2):before {
        width: 70px;
        top: 24px;
        right: 85%;
    }

    .change-wrapper .change-pills .item:nth-child(3) {
        right: calc(50% + 170px);
        bottom: 40px;
    }

    .change-wrapper .change-pills .item:nth-child(3):before {
        width: 90px;
        height: 70px;
        left: 85%;
    }

}
@media (max-width:991px){
    .navbar{
        box-shadow: 0 1px 8px rgba(0,0,0,0.10);
    }
    .navbar-collapse{
        padding: 16px;
        position: fixed;
        z-index: 1;
        top: 90px;
        background-color: var(--primary-color);
        width: 100%;
        left: 0;
        transition: all 0.3s ease;
    }
    #mainHeader.sticky .navbar-collapse{
        top: 90px;
    }
    .navbar-collapse .navbar-nav .menu-item{
        padding: 6px 5px;
        border-radius: 6px;
    }
    .navbar-collapse .navbar-nav .menu-item:hover{
        background-color: var(--white-color);
    }
    .navbar-collapse .navbar-nav .menu-item a{
        color: var(--white-color);
        width: 100%;
        display: block;
    }
    .navbar-collapse .navbar-nav .menu-item:hover a{
        color: var(--primary-color);
    }
    .navbar-collapse .header-btn{
        border-color: var(--white-color);
    }
    .navbar-collapse .header-btn:hover{
        background-color: var(--white-color);
        color: var(--primary-color);
    }
    .circle{
        top: 38%;
        left: 35%;
    }
    .banner-img-group{
        margin-left: -40px;
    }
    .benifits-cta-details p{
        font-size: 20px;
        line-height: 28px;
    }
    .testimonials-sec{
        padding: 40px 0 80px;
    }
    .urine-leakage-sec{
        padding: 40px 0;
    }
    .contact-sec{
        padding-bottom: 0;
    }
    .team-card .team-info{
        min-height: 370px;
    }
    .team-card{
        padding-left: 30px;
        padding-right: 30px;
    }
    .team-card .team-vector{
        max-width: 415px;
        left: 30px;
    }
    .footer-title{
        font-size: 22px;
        line-height: 26px;
    }
    .team-card{
        margin-bottom: 30px;
    }
}
@media(min-width: 769px) and (max-width: 820px){
    .team-card .team-vector {
        max-width: 369px;
        left: -16px;
    }
    .team-card .team-info .member-name {
        font-size: 22px;
        line-height: 28px;
    }
    .team-card .team-info .member-role {
        font-size: 20px;
        line-height: 24px;
    }
    .circle{
        top: 38%;
        left: 30%;
    }
}
@media(max-width: 820px){
    .navbar{
        margin-bottom: 0px;
    }
    .hero-sec{
        padding: 40px 0 40px 0;
        background-image: url('../images/mobile-Hero-img.webp');
    }
}
@media(max-width: 768px){

    html, body {
        overflow-x: hidden;
    }
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .testimonials-sec .title-area.mb-160{
        margin-bottom: 20px;
    }
    .team-card .team-vector {
        max-width: 350px;
        left: -16px;
    }
    .table_component th,
    .table_component td {
        font-size: 14px;
        padding: 6px;
    }
    .table_component td:not(:first-child) {
        padding: 6px;
    }
    .tbutton {
        gap: 6px;
        padding: 11px 8px;
        border-radius: 8px;
        font-size: 12px;
        flex-direction: column;
        align-items: start;
    }
    .tbutton img {
        max-width: 20px;
    }

    .change-section {
        padding: 50px 0 25px !important;
        background-size: 160%;
        background-position: top center;
    }

    .change-section:after {
        height: 275px;
    }

    .change-section .change-image img {
        max-width: 205px;
    }

    .change-wrapper .change-pills {
        position: static;
        display: flex;
        justify-content: center;
        gap: 42px;
        margin-top: 39px;
    }

    .change-wrapper .change-pills .item {
        position: static !important;
        width: auto !important;
        transform: none !important;
        font-size: 16px;
    }

    .change-wrapper .change-pills .item img {
        width: 50px;
        height: 50px;
    }

    .change-wrapper .change-pills .item:before {
        display: none !important;
    }

    .contractions-items {
        flex-direction: column;
    }

    .contractions-section .title-area {
        margin-bottom: 30px !important;
    }

    .procedures-section img {
        margin-bottom: 6px;
    }

    .procedures-section .title-area  {
        text-align: center;
        max-width: 280px;
        margin: 0 auto;
    }

    .procedures-section .title-area .subtitle {
        font-size: 16px;
    }

    .procedures-content {
        padding: 0;
    }

    .change-section .change-image img {
        max-width: 100%;
    }
}
@media (max-width: 600px){
    body{
        font-size: 18px;
        line-height: 24px;
    }
    .global-btn{
        font-size: 18px;
        padding: 14px 18px;
    }
    .hero-content h1,
    .hero-content .h1 {
        font-size: 28px;
        line-height: 32px;
        margin-top: 0px;
    }
    .hero-content p {
        font-size: 22px;
        line-height: 30px;
    }
    .hero-content{
        text-align: center;
    }
    .banner-img-group{
        margin-left: 0px;
        margin-top: 20px !important;
        justify-content: center !important;
    }
    .title-area .title,
    .title-area .subtitle{
        font-size: 24px;
        line-height: 30px;
    }
    .title-area .title span{
        font-size: 32px;
        line-height: 38px;
    }
    .title-area .content {
        font-size: 18px;
        line-height: 26px;
    }
    .treatment-sec{
        padding-bottom: 40px;
    }
    .benifits-cta-details p {
        font-size: 18px;
        line-height: 24px;
    }
    h3 {
        font-size: 30px;
        line-height: 40px;
    }
    h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .circle {
        top: 38%;
        left: 33%;
    }
    .how-is-it-sec .row > div:nth-child(4){
        margin-bottom: 20px;
    }
    .suitable-icon-box > p {
        font-size: 18px;
        line-height: 24px;
    }
    .suitable-icon-box > h4 {
        max-width: 100%;
    }
    .suitable-col {
        margin-bottom: 60px;
    }
    .before-img-col, .row > .suitable-col:last-child{
        margin-bottom: 20px;
    }
    .contact-form > .form-area{
        display: block !important;
    }
    .contact-form .form-area :where(div, div p, button) {
        width: 100%;
    }
    .title-area.mx-w-650{
        margin-bottom: 0px;
    }
    .testimonial-img{
        display: none;
    }
    .testimonials-area{
        padding: 40px 0;
    }
    .testimonials-area .second-col .testimonial-card:first-child{
        margin-top: 20px;
    }
    .our-team {
        padding: 20px 0 40px;
    }
    .title-area .subtitle {
        font-size: 20px;
        line-height: 26px;
    }
    .team-card{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .team-card .team-vector {
        max-width: calc(100vw - 40px);
        left: -16px;
        /* display: none; */
    }
    .faq-section .accordion h5{
        margin-right: 0px;
        margin-left: 13px;
    }
    .faq-section {
        padding: 0 0 40px;
    }
    .footer-area > .row > .col-12{
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .footer-area > .row > .col-12:last-child{
        margin-bottom: 0px;
    }
    .footer {
        padding: 40px 0 40px;
    }
}