@media only screen and (min-width:991px) and (max-width:1199px) {
	.topbar-content li {
		margin-right: 5px
	}

	.topbar-content .topbar-detail {
		padding-left: 0
	}

	.h-menu-right {
		display: none
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.top-link {
		margin: 0;
		text-align: center
	}

	.top-link li a {
		font-size: 15px
	}

	.topbar-content {
		display: none
	}

	.home-2 .topbar-content {
		display: flex;
		justify-content: center;
		float: unset
	}

	.home-2 .popup-search-box form {
		padding: 20px
	}

	.home-2 .popup-search-box form button {
		top: 18px;
		right: 18px
	}

	.home-2 .top-link {
		display: none
	}

	.navigation li a {
		padding: 30px 5px;
		font-size: 15px
	}

	.header .nav-menu li .sub-menu {
		width: 200px
	}

	.h-menu-right {
		display: none
	}

	.single-slider {
		height: 500px
	}

	.hero-content {
		margin: 93px 0;
		padding-right: 0
	}

	.hero-content h1 {
		font-size: 35px;
		line-height: 47px
	}

	.hero-content p {
		font-size: 15px
	}

	.hero-button {
		margin-top: 30px
	}

	.features-icon i {
		font-size: 30px;
		width: 75px;
		height: 75px;
		line-height: 60px;
		border: 6px solid #8ac5ff
	}

	.single-features:hover .features-icon i {
		border: 6px solid #1a76d1
	}

	.about-content {
		padding: 0;
		margin-top: 30px
	}

	.about-content h3 {
		font-size: 35px;
		margin-bottom: 20px
	}

	.single-fact {
		padding: 30px
	}



	.department-tab-menu .menu-tab .nav-item {
		margin-right: 25px
	}

	.department-tab-menu .menu-tab .nav-item:nth-child(4) {
		margin-right: 0
	}

	.department-tab-menu .menu-tab .nav-item:nth-child(5) {
		margin-bottom: 0
	}

	.department-tab-menu {
		margin-bottom: 50px
	}

	.department-tab-menu .menu-tab a {
		padding: 20px;
		width: 150px
	}

	.department-tab-menu .menu-tab .nav-item {
		margin-bottom: 30px
	}

	.department-image {
		margin-top: 30px
	}

	.testimonial-area .owl-carousel .owl-controls {
		position: absolute;
		bottom: -60px;
		left: 50%;
		margin-left: -65px;
		z-index: 999
	}

	.doctors-area .owl-carousel .owl-nav .owl-prev {
		left: -30px
	}

	.doctors-area .owl-carousel .owl-nav .owl-next {
		right: -30px
	}

	.mission-img {
		margin-top: 30px
	}

	.news-letter-area {
		padding: 40px 100px 70px
	}

	.news-letter-content {
		text-align: center
	}

	.news-letter-content h3 {
		font-size: 35px
	}

	.n-email-submit {
		padding: 0
	}

	.footer-top {
		padding: 50px 0 80px
	}

	.single-widget.footer-q-links {
		padding: 0
	}

	.copyright {
		padding-bottom: 30px
	}

	.breadcrumbs {
		padding: 100px 0
	}

	.breadcrumbs h4 {
		font-size: 35px
	}

	.register-area .box-head h2 {
		font-size: 30px
	}

	.login-box .box-head h2 {
		font-size: 30px
	}

	.sidebar {
		margin-top: 50px
	}

	.contact-form {
		padding: 0;
		margin-top: 30px
	}

	.single-c-content h5 {
		font-size: 18px
	}

	.single-c-content span {
		font-size: 14px
	}

	.appoinment-img {
		margin: 0;
		margin-top: 30px
	}

	.doctor-d-title h4 {
		font-size: 20px
	}

	.doctor-d-title p {
		font-size: 15px
	}
}

@media only screen and (max-width:767px) {
	.doctor-head img {
		max-width:100%;
		max-height:350px;
	}
	
	 .menu-tab {
	display:flex!important;
	justify-content:center;
}
	
	.prev-post,.next-post {
		max-width:100%;
	}
	
	.blog-s-middle-img div div{
		margin-bottom:20px;
	}
	
	.mobile-nav {
		display: block
	}

	.mobile-nav {
		position: relative;
		z-index: 5000
	}

	.slicknav_menu .slicknav_menutxt {
		text-shadow: none;
		font-family: inherit
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 0;
		margin: 0
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
		margin-bottom: 10px;
		margin-top:10px;
	}

    .our-mission-area {
		padding:0px!important;
	}

	.slicknav_nav li:last-child {
		margin: 0
	}

	.slicknav_nav .slicknav_item a i {
		display: none
	}

	.slicknav_nav .slicknav_item a:hover {
		color: #1a76d1
	}

	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_row:hover {
		color: #1a76d1;
		background: 0 0
	}

	.slicknav_btn {
		background: #1a76d1;
		position: absolute;
		top: -45px;
		right: -4px
	}

	.slicknav_btn:hover {
		background: #2c2d3f
	}

	.slicknav_menu {
		background: 0 0;
		padding: 0
	}

	.slicknav_menu ul.slicknav_nav {
		background: #2c2d3f;
		border-radius: 4px;
		padding: 15px;
		margin-top: 15px
	}

.slicknav_nav li i {
display:none!important;}

	.top-link li a {
		font-size: 15px
	}

	.top-link {
		margin: 0;
		text-align: center
	}

	.topbar-content {
		display: none
	}

	.home-2 .topbar-content {
		display: flex;
		justify-content: center;
		float: unset
	}

	.home-2 .popup-search-box form {
		padding: 20px
	}

	.home-2 .popup-search-box form button {
		top: 18px;
		right: 18px
	}

	.home-2 .top-link {
		display: none
	}

	.topbar-content li {
		font-size: 14px;
		margin: 0;
		margin-bottom: 20px
	}

	.topbar-content li span {
		font-size: 16px
	}

	.top-logo {
		width: 200px
	}

	.main-menu {
		display: none
	}

	.h-menu-right {
		display: none
	}

	.header {
		padding: 15px 0
	}

	.hero-area .owl-carousel .owl-nav {
		display: none
	}

	.single-slider {
		height: 500px;
		background-size: auto
	}

	.hero-content {
		margin: 50px 0;
		padding: 0;
		text-align: center
	}

	.hero-content span {
		font-size: 16px;
		margin-bottom: 10px;
		padding-left: 45px
	}

	.hero-content span::before {
		width: 40px;
		left: 30px
	}

	.hero-content h1 {
		font-size: 30px;
		margin-bottom: 10px;
		line-height: 38px
	}

	.hero-content p {
		font-size: 15px
	}

	.hero-button {
		margin-top: 120px;
		display: flex;
        justify-content: center;
        align-items: center;
	}

	.hero-button .theme-btn {
		display: block;
		text-align: center;
		margin: 0;
		margin: 10px;
		padding: 12px 10px;
		font-size: 14px;
		max-width:120px
	}


	.features-area {
		padding: 70px 0
	}

	.feature-s-title h3 {
		font-size: 30px
	}

	.about-area {
		padding: 30px 0
	}

	.about-content {
		padding: 0;
		margin-top: 30px
	}

	.about-content span {
		font-size: 15px
	}

	.about-content h3 {
		font-size: 25px;
		margin-bottom: 15px
	}

	.about-bottom-content {
		display: block
	}

	.about-b-sign {
		margin-top: 20px
	}

	.section-title {
		padding: 0;
		margin-bottom:0px;
	}

	.section-title h3 {
		font-size: 24px
	}

	.service-area {
		padding: 70px 0
	}

	.department-area {
		padding: 30px 0
	}

	.department-tab-menu .menu-tab .nav-item {
		margin: 10px;
		width:43%;
	}

	.department-tab-menu .menu-tab .nav-item:nth-child(6) {
		margin: 10px
	}

	.department-tab-menu {
		margin-bottom: 20px
	}

	.department-tab-menu .menu-tab span {
		font-size: 15px;
		margin-top: 5px;
		font-weight: 500
	}

	.department-tab-menu .menu-tab i {
		font-size: 35px
	}

	.department-tab-menu .menu-tab a {
		padding: 5px;
		width: 100%
	}

	.department-inner-content h4 {
		font-size: 25px
	}



	.single-testimonial {
		padding: 25px
	}

	.testimonial-area .owl-carousel .owl-controls {
		position: absolute;
		left: 50%;
		margin-left: -117px
	}

	.doctors-area {
		padding: 30px 0
	}

	.doctors-area .owl-carousel .owl-nav .owl-prev {
		left: -10px
	}

	.doctors-area .owl-carousel .owl-nav .owl-next {
		right: -10px
	}

	.our-mission-area {
		padding: 70px 0
	}

	.mission-content h3 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 15px
	}

	.mission-img {
		margin-top: 30px
	}

	.pricing-area {
		padding: 70px 0
	}

	.pricing-head h5 {
		font-size: 17px
	}

	.appoinment-area {
		padding: 70px 0
	}

	.appoinment-inner {
		padding: 30px
	}

	.appoinment-title h3 {
		font-size: 26px
	}

	.appoinment-inner ul{
		padding-left:0px!important
	}
	
	.footer-area {
		padding-bottom:30px;
	}
	
	.blog-area {
		padding: 30px 0
	}

	.b-author-content {
		margin-left: 13px
	}

	.single-blog-content .top-meta {
		margin-bottom: 15px
	}

	.partner-area {
		padding: 40px 0
	}

	.news-letter-area {
		padding: 40px 0 70px
	}

	.news-letter-content {
		text-align: center
	}

	.news-letter-content h3 {
		font-size: 25px;
		margin-bottom: 10px
	}

	.n-email-submit {
		padding: 0
	}

	.email-box {
		margin-top: 30px
	}

	.e-submit-btn .theme-btn {
		padding: 8px 25px;
		border-radius: 100px
	}

	.mobile-reverse {
		flex-direction:column-reverse
	}

	.n-email-submit input {
		height: 55px;
		padding: 10px 132px 10px 20px;
		font-size: 14px
	}



	.footer-top {
		padding: 40px 0 70px
	}

	.single-widget.footer-q-links {
		padding: 0
	}

	.copyright {
		padding-bottom: 30px
	}

	.copyright-box {
		padding: 20px
	}

	.c-left-content {
		text-align: center
	}

	.c-right-content {
		text-align: center;
		margin-top: 5px
	}

	.breadcrumbs {
		padding: 70px 0
	}

	.breadcrumbs h4 {
		font-size: 35px
	}

	.doctors-area.doctor-page {
		padding: 40px 0 70px
	}

	.doctor-details-area {
		padding: 40px 0 70px
	}

	.doctor-details-img img {
		width: 180px
	}

	.doctor-details-meta h3 {
		font-size: 20px
	}

	.doctor-title-meta h3 {
		font-size: 25px
	}

	.service-details-area {
		padding: 40px 0 70px
	}

	.service-d-description h3 {
		font-size: 25px
	}

	.service-d-description {
		margin: 0
	}

	.service-d-list-inner {
		margin-top: 30px
	}

	.service-d-list-1 {
		margin-bottom: 30px
	}

	.single-s-list {
		margin-bottom: 30px
	}

	.sidebar-about-content li a {
		font-size: 14px
	}

	.sidebar-about-content li i {
		width: 43px;
		height: 43px;
		line-height: 43px
	}

	.apppoinment-page-area {
		padding: 70px 0
	}

	.appoinment-img {
		margin: 0;
		margin-top: 30px
	}

	.register-area {
		padding: 70px 0
	}

	.register-area .account-box {
		padding: 30px
	}

	.register-area .account-box-head h2 {
		font-size: 25px
	}

	.register-area .account-box-head p {
		padding: 0
	}

	.register-area .bottom-content p {
		margin: 0;
		margin-bottom: 25px
	}

	.login-bottom-content.bottom-content p {
		margin: 0
	}

	.faq-area {
		padding: 30px 0px;
	}

	.faq-area .faq-title a,
	.faq-area .panel .faq-title a.collapsed {
		font-size: 15px
	}

	.faq-area .faq-title b {
		font-size: 16px;
		margin-right: 5px
	}

	.faq-area .faq-body {
		padding: 0 15px
	}

	.mail-success-area {
		padding: 70px 0
	}

	.mail-success-content h3 {
		font-size: 25px
	}

	.eror-page-area {
		padding: 70px 0
	}

	.eror-content h3 {
		font-size: 25px
	}

	.blog-archive-area {
		padding: 40px 0 70px
	}

	.pagination li a {
		width: 35px;
		height: 35px;
		line-height: 38px
	}

	.pagination {
		margin: 30px 0 0
	}

	.blog-sidebar .b-search-widget input {
		padding: 10px 65px 10px 15px
	}

	.blog-single-post {
		padding: 40px 0 70px
	}

	.blog-s-title h3 a {
		font-size: 25px;
		line-height: 30px
	}

	.blog-single-meta span {
		font-size: 15px;
		margin-right: 15px
	}

	.single-content blockquote {
		padding: 25px 20px
	}

	.single-content blockquote h3 {
		font-size: 20px
	}

	.single-content blockquote span {
		margin-bottom: 10px;
		font-weight: 600
	}

	.single-content blockquote i {
		right: 0
	}

	.share-tag {
		text-align: left;
		margin-top: 20px
	}

	.blog-share {
		text-align: left;
		margin-top: 20px
	}

	.post-tag li {
		margin-right: 5px
	}

	.prev-post span {
		font-size: 14px
	}

	.prev-post a {
		font-size: 17px
	}

	.prev-post {
		padding-left: 60px;
		position: relative
	}

	.prev-post a i {
		position: absolute;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 17px
	}

	.next-post a i,
	.prev-post a i {
		top: 3px
	}

	.next-post span {
		font-size: 14px
	}

	.next-post a {
		font-size: 17px
	}

	.next-post a i {
		position: absolute;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 17px
	}

	.detail-post-navigation {
		display: block;
		margin: 50px 0;
		padding: 20px
	}

	.next-post {
		padding-right: 60px;
		margin-top: 20px
	}

	.body-top h6 {
		font-size: 20px
	}

	.body-top .date-meta {
		font-size: 15px
	}

	.single-comments .head {
		margin: 0;
		margin-bottom: 15px
	}

	.comment-list {
		display: block;
		margin-left: 0;
		padding: 20px;
		margin-top: 30px;
		margin-bottom: 30px
	}

	.single-comments .body {
		width: 100%
	}

	.single-comments .main {
		display: block
	}

	.comment-form .form-group input {
		padding: 10px 15px
	}

	.comment-title h3 {
		font-size: 25px
	}

	.comment-title {
		margin-bottom: 30px
	}

	.comment-form {
		padding: 20px
	}

	.comment-form .form-group input {
		font-size: 13px
	}

	.comment-form .form-group textarea {
		font-size: 13px
	}

	.contact-area {
		padding: 70px 0
	}

	.contact-details-title {
		margin-bottom: 30px
	}

	.contact-details {
		margin-top: 0;
		padding: 20px
	}

	.contact-form .form-group {
		margin-bottom: 20px
	}

	.contact-details-title span {
		font-size: 15px
	}

	.contact-details-title h4 {
		font-size: 25px
	}

	.single-c-content {
		padding-left: 60px
	}

	.single-c-content h5 {
		font-size: 18px
	}

	.single-c-details {
		margin-bottom: 20px
	}

	.contact-inner {
		padding: 20px
	}

	.contact-form {
		padding: 0;
		margin-top: 30px;
		margin-bottom:30px;
	}
	
	.contact-form ul {
		padding-left:0px!important;
	}

	.blog-s-conunter li {
		display: block;
		margin-bottom: 15px;
		border: none;
		padding: 0
	}

	.doctor-d-title {
		margin: 0;
		margin-top: 20px
	}

	.d-details-address li:nth-child(3) {
		margin-bottom: 10px
	}

	.doctor-d-title h4 {
		font-size: 20px
	}

	.doctor-d-title p {
		font-size: 15px
	}

	.doctor-details-bottom {
		padding: 20px
	}

	.single-d-widget {
		padding: 20px
	}

	.doctor-d-top::before {
		height: 270px
	}
}

@media only screen and (max-width:1119px) {
	.department-inner-content {
		display: flex;
		flex-direction: column;
	}
	.d-content-button {
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	.tab-pane > div > div:first-child{
		margin-bottom: 40px;
	}
	.testimonial-area .owl-carousel .owl-dots{
		left: 0;
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
}