@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {}

@media(max-width:991px) {
  .hero-image .container {
    flex-direction: column;
    text-align: center;
  }

  .hero-content h1 {
    font-size: 42px;
  }

  .hero-content p {
    margin: auto;
  }

  .hero-image {
    text-align: center;
    margin-top: 30px;
  }
}

@media(max-width:768px) {
  header .navbar .navbar-brand img {
    max-width: 273px;
  }

  #box .box-item img {
    width: 41px;
  }

  #box .box-item {
    padding: 17px 0;
  }

  #box .box-item h4 {
    margin: 0;
    font-size: 18px;
  }

  .hero {
    padding: 31px 0;
  }

  .hero-content h5 {
    font-size: 34px;
  }

  .hero-content h2 {
    font-size: 50px;
  }

  .hero-content h3 {
    font-weight: 600;
    font-size: 38px;
  }

  .bg-image {
    position: absolute;
    bottom: -550px;
    width: 80%;
    height: 1000px;
  }

  #cards .card1 .image img {
    margin: -47px 0px 0px 0px;
  }

  #cards .card2 .image img {
    margin: -47px 0px 0px 0px;
  }

  #cards .card1 .inr h2 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
  }

  #cards .card2 .inr h2 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
  }

  #cards .card2 .inr a {
    padding: 6px 19px;
  }

  #cards .card1 .inr a {
    padding: 6px 19px;
  }

  #founder .para p {
    font-size: 48px;
    line-height: 1;
  }

  #founder .founder2 .content h5 {
    font-size: 18px;
    line-height: 1.8;
  }

  #socialize .row {
    row-gap: 10px;
  }

  #vows-section .vows-grid {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 20px;
  }

  #testimonial {
    padding: 62px 0;
  }

  #vows-section {
    padding: 98px 0 98px;
  }

  #location .content h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 30px;
    font-weight: 700;
  }

  #location .content h2 {
    font-size: 45px;
    font-weight: 600;
  }

  #location .content h4 {
    font-size: 27px;
  }

  #location .content a {
    font-size: 15px;
    line-height: 1.4;
    padding: 8px 20px 10px 30px;
  }

  #newsletter .content h3 {
    font-size: 19px;
  }

  #newsletter .content h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  #newsletter .content h4 {
    font-size: 20px;
    line-height: 1.2;
  }

  #quote h2 {
    font-size: 80px;
  }

  #quote h3 {
    font-size: 44px;
  }

  #image-bg img {
    width: 100%;
  }

  #footer .content .logo img {
    width: 48%;
    margin-top: -32px;
  }
}

@media(max-width:600px) {}

@media(max-width:579px) {}

@media(max-width:480px) {

  /* header .header-tools #search-button{
    display: none;
}
header .header-icon{
    display: none;
} */

  header .navbar .navbar-brand img {
    max-width: 200px;
  }

  .navbar-brand {
    margin-left: -10px;
  }

  .navbar-toggler {
    margin-right: -20px;
  }

  * #box {
    padding-top: 25px;
  }

  #box .box-item img {
    width: 40px;

  }

  #box .box-item h4 {

    font-size: 12px;

  }
  
  .slide-content .slide2{
        font-size: 23px !important;}

  .hero {
    padding: 30px 0;
  }

  .hero-content h5 {
    font-size: 39px;
    text-align: center;
  }

  .hero-content h2 {
    font-size: 34px;
    text-align: center;
  }

  .hero-content h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 20px;
    text-align: center;
  }

  .hero-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
    font-family: "Montserrat", Sans-serif;
    justify-content: center;
    font-style: italic;
    text-align: justify;
  }
  
  .hero-image img {
    width: 100%;
    height: 367px;
    object-fit: cover;
}

  #choose {
    padding: 19px 0;
  }

  #choose h2 {
    font-size: 43px;
    margin-bottom: 28px;
    text-align: center;
  }

  #choose .content img,
  #choose .content2 img {
    width: 49px;
  }

  #choose .content a {
    font-size: 20px;
    margin-left: 20px;
  }

  #choose .content2 a {
    font-size: 20px;
    margin-left: 20px;
  }

  .marquee-track span {
    font-size: 35px;
    font-weight: 700;
  }

  #cards {
    padding: 49px 0;
  }
#cards .card1 {
    margin-bottom:20px;
}
#cards .card2 { margin-bottom:20px;
}
  #founder {
    padding: 40px 0;
  }

  #founder .para p {
    font-size: 40px;
    font-weight: 500;
    line-height: 70px;
    text-align: center;
    width:100%;
  }

  #founder .row {
    row-gap: 20px;
  }

  #founder .founder2 {
    margin-top: 0px;
    align-items: center;
    text-align: center;
  }
  
  #founder .founder1{
          width: 100%;
  }

  #founder .founder-says {
    padding-top: 60px;
  }

  #founder .para {
    width: 100%;
  }

  #founder .founder-says .heading h2 {

    font-size: 38px;
    margin-bottom: 20px;
    text-align: center;
  }

  #founder .founder-says .para2 p {
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 1.8;
    text-align: center;
    text-align: justify;
  }

  #founder .founder-says .para2 .p-3 {
    font-weight: 600;
    font-size: 16px;
    color: #8a1d33;
    text-align: right;
  }

  #rating h2 {
    font-size: 43px;
    padding-bottom: 20px;
  }

  #rating .col-lg-2:nth-child(2) .stat-card,
  #rating .col-lg-2:nth-child(4) .stat-card,
  #rating .col-lg-2:nth-child(6) .stat-card {
    margin-top: 0px;
  }

  #rating .stat-card .counter-number {
    font-size: 25px;
    margin: 10px 0 5px;
    text-align: center;
  }

  #rating .stat-card .stat-label {
    font-weight: 600;
    margin-top: 5px;
    font-size: 15px;
    /* line-height: 37px; */
  }

  #rating .stat-card {
    text-align: center;
    padding: 0px 0px;
    margin-bottom: 20px;
  }

  #socialize {
    padding: 7px 0;
  }

  #socialize .row {
    row-gap: 10px;
  }

  #socialize h2 {
    font-size: 40px;
    padding-bottom: 20px;
  }

  #vows-section .vows-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  #vows-section .vows-title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  #vows-section {
    padding: 70px 0 70px;
  }

  #vows-section .vows-grid .vows {
    margin-bottom: 20px;
  }

  /*#vows-section::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  inset: 0;*/
  /*  background-image: url(https://mydentaa.com/wp-content/uploads/2025/05/My-Denta_FINALLOGO-04.svg);*/
  /*  background-repeat: repeat-y;*/
  /*  background-position: center;*/
  /*  background-size: 227% auto;*/
  /*  opacity: 0.15;*/
  /*  z-index: 1;*/
  /*  pointer-events: none;*/
  /*}*/

  #testimonial {
    padding: 50px 0;
  }

  #testimonial .heading h2 {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
  }

  /*#testimonial::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  inset: 0;*/
  /*  background-image: url(../images/background.webp);*/
  /*  background-repeat: repeat-y;*/
  /*  background-position: center;*/
  /*  background-size: 160% auto;*/
  /*  opacity: 0.10;*/
  /*  z-index: 1;*/
  /*  pointer-events: none;*/
  /*}*/

  #location .map iframe {
    width: 100%;
    height: 300px;
  }

  #location .content {
    text-align: center;
  }

  #location .row {
    row-gap: 25px;
  }

  #location .content h3 {
    font-size: 35px;
    font-weight: 700;
  }

  /*#location::before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  inset: 0;*/
  /*  background-image: url(../images/background.webp);*/
  /*  background-repeat: repeat-y;*/
  /*  background-position: center;*/
  /*  background-size: 204% auto;*/
  /*  opacity: 0.10;*/
  /*  z-index: 1;*/
  /*  pointer-events: none;*/
  /*}*/

  #location .content h2 {
    font-size: 51px;
    font-weight: 600;
    margin-bottom: 20px;
  }

  #location .content h4 {
    font-size: 22px;
  }


  #location .content a {
    font-size: 16px;
    padding: 7px 15px 7px 15px;
  }

  /* =========================================================================== */
  #newsletter .content h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: none;
    font-style: italic;
    line-height: 1;
    color: #a1304f;
  }

  #newsletter .content {
    margin-left: 10px;
  }

  #newsletter .content h2 {
    font-family: "Raleway", Sans-serif;
    font-size: 22px;
    font-weight: 800;
    text-transform: none;
    font-style: italic;
    line-height: 1;
    color: #a1304f;
  }

  #newsletter .content h4 {
    font-family: "Raleway", Sans-serif;
    font-size: 19px;
    font-weight: 800;
    text-transform: none;
    font-style: italic;
    line-height: 1;
    color: #a1304f;
  }

  #newsletter .row {
    align-items: baseline;
  }



  /* =========================================================================== */

  #quote h2 {
    font-size: 34px;
    line-height: 1;
  }

  #quote h3 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .top {
    right: 5px;
    top: 86%;
  }

  #image-bg img {
    width: 100%;
  }

  #footer .footer-inr ul li {
    list-style: none;
    margin: 7px 0;
  }

  #footer .services-list {
    gap: 7px;
  }

  #footer .content .logo img {
    width: 100%;
    margin: 20px 0;
  }

  .bg-image {
    position: absolute;
    bottom: -180px;
    width: 90%;
    height: 1000px;
    background-size: contain;
  }

  header .navbar .social-icon i {
    display: none;

  }


  /* ================================================================= */
  #implant-slider {
    padding: 30px 0;
}

.features img {
display:none;
}

 .slide-content h2 {
        font-size: 27px;
    }

  .slide-content h4 {
    font-size: 12px;
    margin-bottom: 14px;
  }

  .features li {
    font-size: 8px;
  }

      .features {
        gap: 12px;
        margin-left: 10px;
    }

     #implant-slider .btn {
        padding: 5px 5px;
        margin-top: 16px;
        font-size: 8px;
    }
  .carousel-indicators {
    top: 175px !important;
  }

  .carousel-indicators [data-bs-target] {
    width: 26px;
    height: 4px;
  }

  /* about  */
  #about .heading {
    font-size: 65px;
  }



  #about .content h2 {
    font-size: 23px;
    text-align: center;
  }

  #about .content p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  #vision .heading {
    font-size: 31px;
    text-align: center;
  }

  #vision {
    padding: 17px 0;
  }

  #vision .content-para p {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 12px;
  }

  #empathy .video-section video {
    width: 80%;
  }

  #empathy .content {
    margin-left: 0px;
  }

  #empathy {
    padding: 10px 0;
  }

  #empathy .row {
    flex-direction: column-reverse;
  }

  #empathy .content h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
  }

  #empathy .content p {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 12px;
  }

  #journey .heading {
    font-size: 34px;
    font-weight: 700;
  }

  #journey .content-para {
    margin: 0 0px;
  }

  #journey .content-para p {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 12px;
  }
  
  #member .row{
          flex-direction: column-reverse;
  }

  #member .image {
    text-align: center;
  }

  #member .image img {
    width: 87%;
    height: 300px;
  }

  #member .btn {
    padding: 0 30px;
    text-align: center;
  }

  #member .btn h2 {
    font-size: 22px;
  }

  #member .content {
    margin: 0 0px;
    text-align: center;
  }

  #member .content h2 {
    font-size: 30px;
    margin-top: 36px;
  }

  #member .content p {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 12px;
    text-align: center;
  }

  #member::before {
    width: 300px;
    height: 300px;
    right: 11px;
    top: 72%;
  }

  #vows-heading h2 {
    font-size: 29px;
  }

  #vows-heading {
    padding: 15px 0;
  }
 
  #quality {
    padding: 20px 0;
  }
    
  #quality .quality-policy .para p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.5;
  }

  #quality .quality-policy h2 {
    font-size: 27px;
    margin-bottom: 16px;
  }

  #mission .container {
    margin-top: 0;
  }

  #mission {
    padding: 25px 0;
  }

  #mission .mission-box h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  #mission .mission-wrap {
    padding: 27px 25px;
  }

  #mission .mission-box p {
    font-size: 12px;
  }

  #mission .mission-wrap {
    flex-direction: column;
    gap: 30px;
  }

  #mission .divider {
    width: 112%;
    height: 1px;
  }

  #contact h2 {
    font-size: 51px;
  }

  #contact {
    padding: 25px 0;
  }

  #contact .para {
    margin: 0 0px;
  }

  #contact .para p {
    font-size: 14px;
    line-height: 1.5;
  }

  #form {
    padding: 20px 0
  }

  #form .btn {
    font-size: 17px;
    line-height: 1.5;
    padding: 7px 20px 8px 19px;
  }

  #faq .image img {
    width: 100%;
    margin-bottom: 70px;
  }

  #faq {
    padding: 2px 0;
  }

  #faq h2 {
    font-size: 38px;
    font-weight: 700;
    padding: 20px;
    line-height: 1.1;
    margin-bottom: 34px;
  }

  #faq .faq-list .faq-item .faq-question {
    padding: 18px 15px;
  }

  #faq .faq-list .faq-item .faq-question span {
    font-size: 13px;
  }

  #faq .faq-list .faq-item .faq-answer p {
    padding: 18px 17px;
    font-size: 13px;
    line-height: 1.5;
  }

  #gallery .gallery-header h2 {
    font-size: 67px;
  }

  #gallery .gallery-container a {
    width: 286px;
    margin: 5px;
  }

  #gallery .gallery-header .lead {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  #gallery .gallery-container {
    margin-bottom: 80px;
  }

  #gallery .gallery-header {
    margin-bottom: 24px;
  }

  #service-hero h2 {
    font-size: 33px;
    margin-bottom: 10px;
  }

  #service-hero {
    padding: 40px 0;
  }

  #why-choose {
    padding: 45px 0;
  }

  #why-choose h2 {
    font-size: 35px;
    margin-bottom: 17px;
  }

  #appointment-section .cta h3 {
    font-size: 20px;
  }

  #appointment-section .cta p {
    font-size: 12px;
  }

  #appointment-section {
    padding-top: 18px;
    padding-bottom: 109px;
  }

  #appointment-section .cta .btn {
    padding: 12px 14px;
    border-radius: 30px;
    font-size: 13px;
  }

  #appointment-section .cta {
    padding: 50px 0;
  }

  .modal-title {
    font-size: 20px;
  }

  .modal input {
    font-size: 15px !important;
  }

  .modal textarea {
    font-size: 15px !important;
  }

  .modal .btn {
    padding: 0px 0px 0px 0px;
  }

  header .navbar .appointment-btn {
    margin-top: 23px;
  }

  #form .contact-box {
    height: 317px;
    margin-bottom: 50px;
  }

  #footer .footer-inr ul li a {
    font-family: "Raleway", Sans-serif;
    font-size: 11px;
  }

  #footer .services-list a {
    font-size: 12px;
  }

  #fixed-dentures h2 {
    font-size: 52px;
    text-align: center;
  }

  #fixed-dentures .image img {
    width: 100%;
    height: 278px;
  }

  #dentix h2 {
    font-size: 30px;
    text-align: center;
  }

  #dentix .para p {
    font-size: 15px;
  }

  #dentix .btn-call {
    text-align: center;
  }

  #dentix .btn {
    font-size: 15px;
    padding: 4px 24px 8px 19px;
  }

  #image img {
    height: 171px;
    object-fit: cover;
  }

  #blog h2 {
    font-size: 84px;
    font-weight: 700;
  }

  #blog {
    padding: 10px 0;
  }

  #blog-section {
    padding: 17px 0;
  }

  #blog-section .blog-content .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  #blog-section .blog-content {
    padding: 20px;}
    #blog-section .blog-content .desc {
    font-size: 13px;}
    
#blog-section {
  padding-bottom: 40px;
}
}

@media(max-width:400px) {}

@media(max-width:359px) {}