@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
    }
.team-sec .two-white {
    max-width: 46%;
    width: 100%;
    text-align: center;
}
   
   
    :root {
        --btnradius: 80px;
    --radius: 50px;
    --small-radius: 30px;
    }
   
    .container {
        width: 90%;
    }
  
   

    ul.sub {

        padding: 0 0 0 20px;
    }
    .mobile-only {
        display: block;
      }
   

    .menu-toggle {
        color: #000;
        width: 20px;
    }

    .flex {
        display: flex;
        flex-wrap: wrap
    }

 

    .logo {
        width: 40%;
    }

  
    .flex {
        flex-wrap: wrap;
    }

    .logo img {
        max-width: 190px;
    }
    .header.bgcolor .logo img {
        max-width: 170px;
    }
    h1 {
        font-size: 2.3em;
		line-height: 1.1;
    }
	.banner .banner-text p {
		font-size: 1.2em;
	}
    
    .header-btn {
        display: none;
    }
    header {
        padding: 20px 0;
    }
    
    h2 {
        font-size: 2.2em;
    }
	p {
		font-size: 1.2em;
	}
    h3 {
        font-size: 2em;
    }
.inner-half h3 {
    font-size: 2.2em;
}    
    .mobile-only ul {
        margin: 40px 0 0 0;
        width: 100%;
    }
    .mobile-only li {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .banner-sec {
        margin: 130px 0 0 0;
    }
    .banner-text {
       padding: 30px 30px 60px 30px;
        transform: translateY(102px);
        background: rgb(51 19 52);
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
    }
	.header header nav li:hover > ul {
		position: relative;
	}
    .carousel-cell .banner {
       height: 600px;
        align-items: center;
        min-height: 600px;
		background-size: contain !important;
    }
	.inner .banner {
		height: inherit;
        min-height: inherit;
        background-size: 150% !important;
        background-position: top !important;
        background-color: #331334 !important;
		
	}
	.inner .banner .banner-text {
		transform: translateY(0);
        margin: 160px 0 0 0;
        background: rgb(51 19 52);
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        width: 100%;
	} 
	.carousel-cell .banner::after {
		background: none;
	}
	.single-dental-treatments.inner .banner::after {
		background: none;
	}
    .both-p-xl {
        padding: 50px 0;
    }
    .banner-sec .flickity-page-dots {
        bottom: 65px;
        text-align: center;
        right: 0;
    }
    .white-box-set {
        width: 46%;
    }
    .white-box-set a {
        padding: 40px 20px;
    }
    .btn-set {
        text-align: center;
        display: flex;
        gap: 10px;
        justify-content: center;
        
    }
	.team-slider .banner-half-sec {
        padding: 50px 0 50px 0;
        background: rgb(51 19 52) !important;
        min-height: 600px;
    }
    a.btn {
font-size: 0.8em;
    padding: 12px 20px;
    }
    .banner-half-text {
        padding: 0 40px;
       
    }
    .banner-half.inner-half .banner-half-sec {
      padding: 50px 0 50px 0;
        background: rgb(51 19 52) !important;
        min-height: 600px;
      
    }
	img.mobile-img {
     border-radius: 30px;
        width: 90%;
        margin: 0 auto 50px auto;
       display: block;

}
    .contact-banner-content h3 {
        font-size: 2em;
    }
    .contact-banner-content {
        padding: 50px;
    }
    img.teeth-icon-set {
 
        right: 188px;
        top: -33px;
        max-width: 500px;
        width: 43%;
    }
    a.btn.violet.text-large {
        
        font-size: 1em;
      
    }
    img.white-teeth {
        position: absolute;
        right: 63px;
        bottom: 50px;
        max-width: 120px;
    
    }
    .google-img img {
        max-width: 250px;
    }
    .review-sec .left {
        width: 100%;
    }
    .review-sec .right {
        width: 100%;
        text-align: center;
        padding: 0 3%;
    }
    .quotes {
        left: 125px;
    }
    .insight-set {
        width: 100%;
        padding: 30px;
    }
    .insight-set img {
        height: 200px;
    }
    .banner-half-text.contact-sec {
        max-width: 500px;
        padding: 0 0 0 30px;
    }
    .banner-half-text.contact-sec h3 {
        font-size: 2.2em;
        padding: 0 0 20px 0;
    }
    .banner-half-sec.contact-half {
        padding: 50px 0;
    }
    .insights.pb {
        padding: 0 0 0 0;
    }
    .google-rating {
        margin: 0 0 30px 0;
    }
    .banner-half.both-p {
        padding: 0 0 0 0;
    }
    .solution-sec {
        padding: 50px;
    }
    .solution-sec h3 {
        font-size: 2.5em;
        text-align: center;
    }
    .solution-block {
        width: 100%;
    }
    .schedule-img {
        padding: 150px 20px 20px 20px;
    }
    .footer.both-p {
        padding: 0 0 50px 0;
    }
    .middle-set {
        width: 100%;
        margin: 0 0 20px 0;
    }
	.bottom-footer {
		padding: 0 0 0 0;
	}
    .solution-set.flex.dental-treatment {
        flex-wrap: wrap;
        margin: 0 0 0 0;
        gap: 0;
    }
    .footer-set {
        padding: 50px 0 0 0;
        margin: 50px 0 20px 0;
    }
    .mt-top {
        margin: 150px 0 0 0;
    }
    .solution-set.flex {
        gap: 30px;
  
    }
	.banner-half .about-banner-half.banner-half-sec {
        padding: 50px 0 100px 0;
        background: rgb(51 19 52) !important;
        min-height: 600px;
    }
    .bg-none .solution-block li a {
        font-size: 1.1em;
        padding: 10px 15px;
    }
    .dental-treatment .solution-block ul {
        flex-wrap: wrap;
    }
    .testimonial-des .two-white {
        width: 100%;
        display: flex;
    }
    .two-box.two-gap.both-p {
        padding: 0 0 0 0;
    }
    ul.social-links li {
        margin: 0 10px 0 0;
    }
    .bottom-footer p {
        font-size: 1.1em;
        padding: 0 0 20px 0;
    }
    .two-white {
        width: 100%;
    }
    .two-white img {
        height: 250px;
    }
    .blog-detail-sec {
        padding: 40px;
    }
    .blog-detail-sec h3 {
        font-size: 1.5em;
    }
    .blog-detail-img img {
        height: 300px;
    }
    .star img {
        height: auto;
    }
    .inner .banner {
     
    display: flex;
    align-items: center;
    }
    .procedure .white-box-set {
        width: 100%;
    }
	
	.page-template-career.page-template-templatescareer-php.inner .banner {
		height: 400px;
		min-height: 400px;
	} 
    .procedure .white-box-set img {
        width: 100px;
        height: 70px;
        object-fit: contain;
    }
    .solution.pb {
        padding: 0 0 0 0;
    }
    .count-sec {
        right: 8%;
    top: -112%;
    }
    .opening-descrition ul li b {
        font-size: 1.3em;
    }
    .opening-descrition {
        padding: 50px 0 0 0;
    }
    .team-slider .banner-half-text {
        padding: 50px;
    }
    .team-slider .banner-half-sec {
        height: 70vh;
        max-height: 500px;
    }
    .three-set {
        width: 100%;
        padding: 0 0 0 0;
    }
    .three-set.align-right {
        text-align: left;
    }
    .three-set.middle-img {
        border-radius: var(--small-radius);
        height: 300px;
    }
    .three-block.flex {
        gap: 20px;
    }
    .three-wrap {
        padding: 0 0 0 0;
    }
    .why-choose-sec.flex.both-p {
        padding: 0 0 0 0;
    }
    .contact-form-wrap.carrer-form {
        width: 100%;
        padding: 40px;
    }
    .carrer-form form input[type="submit"] {
        width: 50%;
    }
    .why-choose-right {
        width: 100%;
    } 
    .both-p-xl-t {
        padding: 50px 0 0 0;
    }
    .why-choose-left {
        width: 100%;
        padding: 30px;
    }
    .contact-us-page ul li {
        width: 34%;
    }
    .contact-form-wrap {
        padding: 30px;
    }
    .contact-form .flex {
        gap: 10px;
    }
	.single-dental-treatments.inner .banner {
		position: relative;
		overflow: hidden;
	}
	.single-dental-treatments.inner .banner::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.single-dental-treatments.inner .banner-text {
		position: relative;
		z-index: 2;
	}
		.banner-half .banner-half-text p {
    padding: 20px 0;
}
	img.teeth-icon-set {
    position: absolute;
    right: 170px;
    top: -61px;
    max-width: 250px;
    width: 100%;
}
}

@media screen and (min-width:684px) and (max-width:1024px) {
   body {
        font-size: 85%;
    }
 
   
   
    .container {
        width: 90%;
    }

   
    .mobile-only {
        display: block;
    }
    .mobile-only ul {
        margin: 40px 0 0 0;
        width: 100%;
    }
    .mobile-only li {
        width: 100%;
        margin: 0 0 10px 0;
    }
   
    body.inner .set {

        margin: 0 0 25px 0;
    }

    .header header nav li ul li a {
        padding: 0;
    }

    ul.sub {

        padding: 10px 0;
    }



    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    h1 {
        font-size: 3em;
    }
    .header {
        padding: 0 0;
    }
    .header.bgcolor {
        padding: 0 0 20px 0;
    }

    .banner .carousel-cell {
        height: 75vh;
        align-items: center;
    }
   	.header header nav li:hover > ul {
		position: relative;
	}
    .medium-container {
        margin: 0 auto;
        width: 90%;
        max-width: 1100px;
    }
    
    .header-btn {
        display: none;
    }
    .carousel-cell .banner {
    height: 700px;
    align-items: center;
    min-height: 700px;
    background-size: contain !important;
}
	.carousel-cell .banner::after {
		display: none;
	}
	    .banner-text {
        padding: 30px 30px 60px 30px;
        transform: translateY(230px);
        background: rgb(51 19 52);
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
	.banner-sec .flickity-page-dots {
		text-align: center;
		bottom: 12px;
	}
	.hamburger .line {
		background-color: #000000;
	}
	.white-box-sec.flex {
		gap: 20px;
	}
	.white-box-set {
		width: 48%;
	}
	.banner-half-sec {
        padding: 50px 0 50px 0;
        background: rgb(51 19 52) !important;
        min-height: 600px;
    }
	img.mobile-img {
        border-radius: 30px;
        width: 90%;
        margin: 0 auto 50px auto;
        display: block;
    }
	.contact-banner-content {
    padding: 80px 0 80px 60px;
    max-width: 800px;
}
	.banner-half-text {
    padding: 0 0 0 60px;
    max-width: 600px;
}
		.banner-half .about-banner-half.banner-half-sec {
        padding: 50px 0 100px 0;
        background: rgb(51 19 52) !important;
        min-height: 600px;
    }
	h3 {
		font-size: 4em;
	}
	.banner-half .banner-half-text p {
    padding: 20px 0;
}
			.banner-half .banner-half-text p {
    padding: 20px 0;
}
	img.teeth-icon-set {
    position: absolute;
    right: 170px;
    top: -61px;
    max-width: 250px;
    width: 100%;
}
	.review-sec .flex {
		align-items: flex-start;
	}
	.review-sec .left {
		width: 40%;
	}
	.review-sec .right {
		width: 60%;
	}
	img.white-teeth {
    position: absolute;
    right: 300px;
    bottom: 50px;
    max-width: 200px;
}
	.inner .banner {
        height: inherit;
        min-height: inherit;
        background-size: 150% !important;
        background-position: top !important;
        background-color: #331334 !important;
    }
	.inner .banner .banner-text {
        transform: translateY(0);
        margin: 300px 0 0 0;
        background: rgb(51 19 52);
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        width: 100%;
    }
	
	.team-sec .two-white {
    max-width: 46%;
    width: 100%;
    text-align: center;
}
}


@media screen and (min-width:1024px) and (max-width:1550px) {

    body {
        font-size: 85%;
    }
    .second-header .container {
        margin: 0 auto;
        width: 90%;
        max-width: 1280px;
    }
 
    p {
        font-size: 1.4em;
    }
    .banner-text {

        margin: 0 0;
        padding: 120px 0 0 130px;
        max-width: 700px;
      }
      .contact-banner-content {
       
        max-width: 750px;
    }
    img.teeth-icon-set {
        max-width: 500px;
    }
    .white-box-set a {
        font-size: 1.3em;
    }
    .contact-banner-content h3 {
        font-size: 3em;
    }
}