@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
        overflow: auto;
    }
    .container {
        width: 85%;
    }
   .right-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
}
h1 {
    font-size: 3.2em;
}
.logo {
    width: 55%;
}
nav.main-nav {
    width: 30%;
}
.header-container {
    padding: 35px 0 0 0;
    align-items: flex-start;
}
.banner .carousel-cell {
    height: 85vh;
}
.main-header.bgcolor .logo img {
    max-width: 160px;
}
.flex {
    flex-wrap: wrap;
}
.about .left {
    width: 100%;
}
.about .right {
    width: 100%;
}
.about .left img {
    height: 400px;
}
.about .center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.center img {
    max-width: 200px;
    margin: 0 auto;
    width: 100%;
}
.about .right img {
    height: 400px;
}
.medium-text-size h2 {
    font-size: 2em;
}
.btn-set {
    display: flex;
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
}
.scroll-video {
    height: 450px;
}
.video-content {
    padding: 50px;
}
.play-btn {
    flex-wrap: wrap;
}
.doctors-sec .carousel-cell {
    width: 45%;
}
.doctor-image img {
    height: 250px;
}
.doctors-sec .carousel {
    margin: 50px 0;
}
.client-logo {
    padding: 0 0 50px 0;
}
	h4 {
		font-size: 2em;
	}
.logo-slot {
    width: 100px;
}
.flex-text {
    flex-wrap: wrap;
    gap: 20px;
}
.image-card img {
    height: 200px;
}
	.banner-content p {
		font-size: 1.3em;
	}
.footer-call {
    padding: 30px;
}
.footer-call-action .left {
    width: 100%;
}
.footer-call-action .flex {
    gap: 50px;
}
.footer-call-action .right {
    width: 60%;
}
.ft-logo {
    width: 100%;
}
.department-ft {
    width: 55%;
    margin: 30px 0;
}
.navigation {
     margin: 30px 0;
}
.social-media {
    width: 100%;
}
.ft-logo img {
    max-width: 200px;
}
.copyright p {
   
    max-width: 400px;
    margin: 0 auto;
}
.brown-bg h1 {
    font-size: 5em;
}
.brown-bg .left {
    width: 100%;
}
.brown-bg p {
    font-size: 2em;
}
.brown-bg .flex {
   gap: 50px;
        z-index: 99;
        position: relative;
}
.brown-bg .right {
    width: 100%;
}
.brown-bg .right {
   gap: 30px;
	flex-wrap: wrap;
}
.about-values {
    padding: 100px 0 0 0;
}
.about-values .left {
    width: 100%;
}
.about-values .right {
    width: 100%;
}
h2 {
    font-size: 2em;
}
.department-banner {
    height: 50vh;
    min-height: 500px;
}
.about-description.left-align-content .flex {
    gap: 50px;
}
.text-content {
    width: auto;
}
.about-description.left-align-content .right .call-box {
    padding: 50px 30px;
}
.form-container {
    padding: 30px;
}
.input-group input, .input-group textarea {
    padding: 10px;
}
.treatment-procudure .flex {
    gap: 50px;
}
.about-department .left {
    flex: 1 1 100%;
}
.about-depart img {
    height: 300px;
}
.about-department .flex {
    gap: 50px;
}
.no-banner-sec {
    height: 100px;
}
.doctor-details {
    flex-wrap: wrap;
    gap: 20px;
}
.docotor-profile-banner .left {
    padding: 0 0 100px 0;
}
 .blog-list-page .latest-updates {
    padding: 100px 0 50px 0;
   } 
   .article-detail-page {
 
  padding: 100px 0 0 0;
}
.article-detail-page img {
    height: 300px;
}
.brown-bg.white-text.career-banner img {
    height: 400px;
}
.application {
    width: 100%;
    background-color: #fff;
    padding: 100px 0 0 0;
}
	.services-grid {
		flex-wrap: wrap;
		gap: 0;
	}
	.service-flex {
		width: 100%;
	}
	.gradient-shade {
		display: none;
	}
	.play-toggle {
		display: none;
	}
	img.bg-logo {
		top: 10%;
    max-width: 100px;
	}

	
	.doctor-details-set strong {
		font-size: 1.2em;
	}
	.mobile-contact-details {
	display: none;
}
	.mobile-book-appointment {
	display: none;
}
.mobile-logo {
        display: none;
        position: fixed;
        z-index: 9999;
        text-align: center;
        width: 100%;

        left: 0;
       
    }
.single-departments .department-banner .left span {
	font-size: 1em;
}
.single-departments .department-banner h1 span.fade-up:nth-child(2) {

    font-size: 0.4em !important;

}
h3 {
	font-size: 2em;
}

.img-set {
	width: 100%;
}
.img-set img {
    width: 100%;
    display: block;
}
	.page-template-about .img-set:last-child img {
		display: none;
	}
	p {
		font-size: 1.1em;
	}
	.set-one {
	border-right: 0;
    padding: 50px;
    margin: 0;
    width: 100%;
		 flex-wrap: wrap;
		gap: 20px;
	}
	.set-two {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 0 50px;
    flex-wrap: wrap;
}
	.logo-group {
		gap: 20px;
	}
	.title {
		width: 100%;
	}
	.latest-updates {
		padding: 50px 0;
	}
	.mega-col {
    display: block;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}
.career-banner.p-200 {
    padding: 200px 0 100px 0;
}
	.doctors-sec {
		padding: 0 0 50px 0;
	}

	    .page-template-our-doctors .doctors-sec {
        padding: 100px 0 0;
    }
	.contact-details-sec .flex {
    gap: 50px;
}
	.contact-details-sec {
		padding: 50px 0 50px 0;
	}
	.input-group select {
		padding: 10px;
	}
	.contact-form-sec {
		margin: 0 0 100px 0;
	}
	.footer {

    padding: 100px 0 20px 0;
  
}
	.footer-call-action {
		background-color: transparent;
	}
}

@media screen and (min-width:684px) and (max-width:1024px) {
   body {
        font-size: 85%;
         overflow: auto;
    }
 
   
    .container {
        width: 90%;
    }
   .right-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
}
h1 {
    font-size: 3.2em;
}
.logo {
    width: 55%;
}
nav.main-nav {
    width: 30%;
}
.header-container {
    padding: 35px 0 0 0;
    align-items: flex-start;
}
.banner .carousel-cell {
    height: 65vh;
}
.main-header.bgcolor .logo img {
    max-width: 160px;
}
.flex {
    flex-wrap: wrap;
}
.about .left {
    width: 100%;
}
.about .right {
    width: 100%;
}
.about .left img {
    height: 400px;
}
.about .center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.center img {
    max-width: 200px;
    margin: 0 auto;
    width: 100%;
}
.about .right img {
    height: 400px;
}
.medium-text-size h2 {
    font-size: 2em;
}
.btn-set {
    display: flex;
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
}
.scroll-video {
    height: 450px;
}
.video-content {
    padding: 50px;
}
.play-btn {
    flex-wrap: wrap;
}
.doctors-sec .carousel-cell {
    width: 45%;
}
.doctor-image img {
    height: 250px;
}
.doctors-sec .carousel {
    margin: 50px 0;
}
.client-logo {
    padding: 0 0 50px 0;
}
	h4 {
		font-size: 2em;
	}
.logo-slot {
    width: 100px;
}
.flex-text {
    flex-wrap: wrap;
    gap: 20px;
}
.image-card img {
    height: 200px;
}
	.banner-content p {
		font-size: 1.3em;
	}
.footer-call {
    padding: 30px;
}
.footer-call-action .left {
    width: 100%;
}
.footer-call-action .flex {
    gap: 50px;
}
.footer-call-action .right {
    width: 60%;
}
.ft-logo {
    width: 100%;
}
.department-ft {
    width: 55%;
    margin: 30px 0;
}
.navigation {
     margin: 30px 0;
}
.social-media {
    width: 100%;
}
.ft-logo img {
    max-width: 200px;
}
.copyright p {
   
    max-width: 400px;
    margin: 0 auto;
}
.brown-bg h1 {
    font-size: 5em;
}
.brown-bg .left {
    width: 100%;
}
.brown-bg p {
    font-size: 2em;
}
.brown-bg .flex {
   gap: 50px;
        z-index: 99;
        position: relative;
}
.brown-bg .right {
    width: 100%;
}
.brown-bg .right {
   gap: 30px;
	flex-wrap: wrap;
}
.about-values {
    padding: 100px 0 0 0;
}
.about-values .left {
    width: 100%;
}
.about-values .right {
    width: 100%;
}
h2 {
    font-size: 2em;
}
.department-banner {
    height: 50vh;
    min-height: 500px;
}
.about-description.left-align-content .flex {
    gap: 50px;
}
.text-content {
    width: auto;
}
.about-description.left-align-content .right .call-box {
    padding: 50px 30px;
}
.form-container {
    padding: 30px;
}
.input-group input, .input-group textarea {
    padding: 10px;
}
.treatment-procudure .flex {
    gap: 50px;
}
.about-department .left {
    flex: 1 1 100%;
}
.about-depart img {
    height: 300px;
}
.about-department .flex {
    gap: 50px;
}
.no-banner-sec {
    height: 100px;
}
.doctor-details {
    flex-wrap: wrap;
    gap: 20px;
}
.docotor-profile-banner .left {
    padding: 0 0 100px 0;
}
 .blog-list-page .latest-updates {
    padding: 100px 0 50px 0;
   } 
   .article-detail-page {
 
  padding: 100px 0 0 0;
}
.article-detail-page img {
    height: 300px;
}
.brown-bg.white-text.career-banner img {
    height: 400px;
}
.application {
    width: 100%;
    background-color: #fff;
    padding: 100px 0 0 0;
}

	.service-flex {
		width: 100%;
	}
	.gradient-shade {
		display: none;
	}
	.play-toggle {
		display: none;
	}
	img.bg-logo {
		top: 10%;
    max-width: 100px;
	}

	
	.doctor-details-set strong {
		font-size: 1.2em;
	}
	.mobile-contact-details {
	display: none;
}
	.mobile-book-appointment {
	display: none;
}
.mobile-logo {
        display: none;
        position: fixed;
        z-index: 9999;
        text-align: center;
        width: 100%;

        left: 0;
       
    }
.single-departments .department-banner .left span {
	font-size: 1em;
}
.single-departments .department-banner h1 span.fade-up:nth-child(2) {

    font-size: 0.4em !important;

}
h3 {
	font-size: 2em;
}

.img-set {
	width: 100%;
}
.img-set img {
    width: 100%;
    display: block;
}
	.page-template-about .img-set:last-child img {
		display: none;
	}
	p {
		font-size: 1.1em;
	}
	.set-one {
	border-right: 0;
    padding: 50px;
    margin: 0;
    width: 100%;
		 flex-wrap: wrap;
		gap: 20px;
	}
	.set-two {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 0 50px;
    flex-wrap: wrap;
}
	.logo-group {
		gap: 20px;
	}
	.title {
		width: 100%;
	}
	.latest-updates {
		padding: 50px 0;
	}
	.mega-col {
    display: block;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}
.career-banner.p-200 {
    padding: 200px 0 100px 0;
}
	.doctors-sec {
		padding: 0 0 50px 0;
	}

	    .page-template-our-doctors .doctors-sec {
        padding: 100px 0 0;
    }
	.contact-details-sec .flex {
    gap: 50px;
}
	.contact-details-sec {
		padding: 50px 0 50px 0;
	}
	.input-group select {
		padding: 10px;
	}
	.contact-form-sec {
		margin: 0 0 100px 0;
	}
	.footer {

    padding: 100px 0 20px 0;
  
}
	.footer-call-action {
		background-color: transparent;
	}
	.mobile-logo {
		display: none;
	}
	.about .flex {
		flex-wrap: nowrap;
		gap: 1rem;
	}
}

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

    body {
        font-size: 85%;
    }
	
  
}