/*============================================================================
			RESPONSIVE CSS WITH MEDIA 
=============================================================================*/
/*=============  MEDIA 1400px   =============*/
@media(min-width:1200px) and (max-width:1400px) {
	.main-bnr-text {
		padding    : 14%;
		padding-top: 20%;
	}

	.department .tab-content .fact {
		margin-top   : 20px;
		margin-bottom: 20px;
	}

	.department .tab-content .tittle {
		margin-top   : 50px;
		margin-bottom: 20px;
	}

	.department .tab-content .tittle h2 {
		font-size     : 32px;
		letter-spacing: 0px;
	}

	.department .margin-l-20 {
		margin-left: 0px;
	}

	.department .btn {
		min-width: inherit;
	}
}

/*=============  MEDIA 1200px   =============*/
@media(max-width:1200px) {}

/*=============  MEDIA 1024px   =============*/
@media(max-width:1024px) {}

/*=============  MEDIA 992px - 1199px   =============*/
@media(min-width:992px) and (max-width:1199px) {
	.department .fact {
		margin-top   : 20px;
		margin-bottom: 20px;
	}

	.intro-thumb .intro-img-1 {
		position: relative;
	}

	.intro-thumb {
		padding   : 0 20%;
		margin-top: 40px;
	}

	.services-about {
		padding: 70px 0 80px 0;
	}

	.intro-thumb .intro-img-2 {
		margin-top: 10%;
		right     : 0;
		left      : 15px;
		position  : relative;
	}

	.intro-thumb .intro-img-3 {
		position   : relative;
		margin-top : -8%;
		margin-left: 20%;
	}

	.department .tab-content .tittle {
		margin-top   : 20px;
		margin-bottom: 10px;
	}

	.department .margin-l-20 {
		margin-left: 0px;
	}

	.department .btn {
		min-width: inherit;
	}

	.department .btn {
		min-width: inherit;
		padding  : 12px 20px;
	}

	.department .fact p {
		line-height  : 20px;
		margin-bottom: 10px;
	}

	.department .dep-sec-nav {
		width   : 100%;
		position: relative;
	}

	.department .nav-tabs li {
		float: left;
		width: 14.2%;
	}

	.department .nav-tabs li a {
		font-size     : 13px;
		letter-spacing: 0px;
		font-weight   : normal;
		border        : none;
	}

	.department .nav-tabs {
		padding    : 0px;
		padding-top: 0px;
	}

	.department .nav-tabs li.active a:before {
		top    : auto;
		left   : 0px;
		right  : 0px;
		display: none;
		content: "\f0d7";
	}

	.department .tab-content {
		margin-top: -5px;
	}

	.department .dep-sec-img {
		width: 50%;
	}

	.department .dep-sec-txt {
		width: 50%;
	}

	.department .fact li {
		width: 100%;
	}

	.department .tab-content .tittle h2 {
		font-size: 36px;
	}

	.about-us h2 {
		width: 100%;
	}

	.header-2 nav li a {
		padding: 0px 10px;
	}

	.depart-style-2 .nav-tabs li {
		width: 16.66666%;
	}
}

/*=============  MEDIA 768px - 991px   =============*/
@media(min-width:768px) and (max-width:991px) {
	.department .fact {
		margin-top   : 20px;
		margin-bottom: 20px;
	}
	.full-screen {
        position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%!important;
}

	.time-line-sec:before {
		display: none;
	}


	.intro-thumb .intro-img-1 {
		position: relative;
	}

	.intro-thumb {
		padding   : 0 10%;
		margin-top: 40px;
	}

	.services-about {
		padding: 70px 0 80px 0;
	}

	.intro-thumb .intro-img-2 {
		margin-top: 10%;
		right     : 0;
		left      : 15px;
		position  : relative;
	}

	.intro-thumb .intro-img-3 {
		position   : relative;
		margin-top : -8%;
		margin-left: 20%;
	}

	.about-us h2 {
		width: 100%;
	}

	.department .tab-content .tittle {
		margin-top   : 20px;
		margin-bottom: 10px;
	}

	.department .margin-l-20 {
		margin-left: 0px;
	}

	.department .btn {
		min-width: inherit;
	}

	.department .btn {
		min-width: inherit;
		padding  : 12px 20px;
	}

	.department .fact p {
		line-height  : 20px;
		margin-bottom: 10px;
	}

	.department .dep-sec-nav {
		width   : 100%;
		position: relative;
	}

	.department .nav-tabs li {
		float: left;
		width: 14.2%;
	}

	.department .nav-tabs li a {
		font-size     : 13px;
		letter-spacing: 0px;
		font-weight   : normal;
		border        : none;
	}

	.department .nav-tabs {
		padding    : 0px;
		padding-top: 0px;
	}

	.department .nav-tabs li.active a:before {
		top    : auto;
		left   : 0px;
		right  : 0px;
		display: none;
		content: "\f0d7";
	}

	.department .tab-content {
		margin-top: -5px;
	}

	.department .dep-sec-img {
		width: 50%;
	}

	.department .dep-sec-txt {
		width: 50%;
	}

	.department .fact li {
		width: 100%;
	}

	.department .tab-content .tittle h2 {
		font-size: 36px;
	}

	.blog {
		
	}

	.blog .text-section {
		min-height    : inherit;
		padding-bottom: 20px;
	}

	.tittle h2 {
		width     : 100%;
		text-align: center;
	}

	header nav li a {
		padding    : 30px 7px;
		font-size  : 14px;
		padding-top: 40px;
	}

	.header-2 nav li a {
		padding: 0px 6px;
	}

	.depart-style-2 .nav-tabs li {
		width: 16.66666%;
	}

	.home-3 .bnr-info {
		width  : 100%;
		padding: 0px;
	}

	.home-3 .bnr-info h2 {
		margin-top: 25%;
	}

	.intro .intro-in {
		width: 100%;
	}

	.intro h3 {
		width: 100%;
	}

	#prople-says .testi {
		width: 100%;
	}

	.contact-info li {
		margin-bottom: 30px;
	}

	.main-bnr-text {
		padding    : 50px;
	}

	#counters ul li {
		margin-bottom: 30px;
	}

	.depart-sec ul li .in-dert {
		padding-top: 20%;
	}

	.doctor-team .tittle h2 {
		width: 100%;
	}
		.blog .text-section{
	text-align:left;
	padding:0;
	}
	
	.dep-detail-page .img-single{
	height:auto;
	}
	.side-bar{
	margin-left:0;
	}
	
	footer .timing, footer .links {
	margin:0;
	}
	
	footer .small-info{
	 padding:30px 50px;
	}
	
	.footerbar{padding-bottom:30px}
	
	.about-main-text{width:100%;}
	
	.sub-banner .overlay{padding:60px 0;}
	.enoyy .col-xs-3 img{
	margin-top:30px;
	
	}
}

@media(min-width:767px) {
.d-md-flex{
display:flex;
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
}

/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {
	.depart-sec ul li .in-dert {
		padding-top: 20%;
	}
	.main-title-for-all h2 {
    font-size: 22px;
    padding: 0 19px;
    margin-bottom: 45px;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
}

footer .small-info {
 border:none;
 padding:0;
     text-align: center;
}

footer .timing p span{
display:block;
}

footer .timing{
margin-top:50px;
text-align:center
}
.faq {
    padding:0 1%;
}
.faq .questions { 
    text-align:left;
}
.full-screen {
        position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%!important;
}
	#banner {
		height: 100%;
	}

	.intro-thumb {

		padding-left: 0;
	}

	.intro-thumb img {
		width        : 100%;
		margin-bottom: 15px;
		display      : inline-block;
		box-shadow   : 0 30px 25px -20px rgba(0, 0, 0, .2);
	}

	.intro-thumb .intro-img-1 {
		position: relative;
	}

	.intro-thumb .intro-img-2 {
		margin-top: 0;
		right     : 0;
		position  : relative;
	}

	.intro-thumb .intro-img-3 {
		position   : relative;
		margin-top : 0;
		margin-left: 0;
	}

	.services-about {
		padding: 70px 0;
	}

	.patient-care-lr-p {
		padding      : 0 1%;
		margin-bottom: 0px;
		text-align   : center;
	}

	/* .bnr-2 {
		min-height: 450px;
		max-height: auto;
		position  : relative;
		overflow  : hidden;
		z-index   : 99;
		background: #fff;
	}

	.bnr-2 .flex-banner {
		min-height: 450px;
	} */

	.ownmenu>li.showhide span.icon {
		color     : #3dc5df;
		padding   : 0px;
		margin    : 0px;
		width     : 100%;
		text-align: center;
		font-size : 25px;
	}

	.shop-page .items li.col-sm-4 {
		width: 50%;
		float: left;
	}

	.shop-page .items li img {
		width: 100%;
	}

	.about-us h2 {
		width: 100%;
	}

	.crosal-slide {
		width: 100%;
	}

	#services .padding-r-80 {
		padding-right: 15px !important;
	}

	.time-line-sec:before {
		display: none;
	}

	.ownmenu>li.showhide {
		height     : auto;
		margin     : 0px;
		padding    : 0px;
		line-height: 60px;
		height     : 60px;
	}

	.navbar-fixed-top {
		position: relative;
		display : block;
	}

	.webimenu ul .sub-menu>a:before {
		content    : '\f105';
		margin     : 0;
		font-family: 'FontAwesome';
		position   : absolute;
		right      : 10px;
	}

	.main-bnr-text h1 {
		font-size    : 40px;
		margin-bottom: 20px;
	}

	header.header-2 nav {
		padding-top: 0px;
		text-align : left;
		background : #fff;
	}

	.header-2 nav li a {
		padding: 10px 20px;

	}

	header .logo {
		float: left;
	}

	header nav {
		float: none;
		width: 100%;
	}

	.webimenu {
		width     : 100%;
		min-height: 10px;
	}

	.menu-toggle {
		position: absolute;
		top     : -55px;
		right   : 0px;
	}

	header nav .ownmenu .indicator {
		display: block;
	}

	header nav li a {
		display: inline-block;
		width  : 100%;
		float  : none;
	}

	header .nav-img {
		display: none !important;
	}

	.ownmenu>li.showhide span {
		line-height: 60px;
		display    : inline-block;
		width      : 100%;
	}

	.ownmenu>li.showhide span.title {
		margin: 0px;
	}

	.ownmenu>li>a {
		padding: 10px 0;
	}

	.ownmenu .indicator {
		display: block;
	}

	header .ownmenu ul.dropdown {
		background: none;
	}

	.department .fact {
		margin-top   : 30px;
		margin-bottom: 30px;
	}

	.department .tab-content .tittle {
		margin-top   : 20px;
		margin-bottom: 10px;
	}

	.department .margin-l-20 {
		margin-left: 0px;
	}

	.department .btn {
		min-width: inherit;
	}

	.department .btn {
		min-width: inherit;
		padding  : 12px 20px;
	}

	.department .fact p {
		line-height  : 20px;
		margin-bottom: 10px;
	}

	.department .dep-sec-nav {
		width   : 100%;
		position: relative;
	}

	.department .nav-tabs li {
		float: left;
		width: 100%;
	}

	.department .nav-tabs li a {
		letter-spacing: 0px;
		font-weight   : normal;
		border        : none;
	}

	.department .nav-tabs {
		padding    : 0px;
		padding-top: 0px;
	}

	.department .nav-tabs li.active a:before {
		top    : auto;
		left   : 0px;
		right  : 0px;
		display: none;
		content: "\f0d7";
	}

	.department .tab-content {
		margin-top: -5px;
	}

	.department .dep-sec-img {
		width: 100%;
	}

	.department .dep-sec-txt {
		width: 100%;
	}

	.department .fact li {
		width: 50%;
		float: left;
	}

	.department .tab-content {
		min-height    : inherit;
		padding-bottom: 50px;
	}

	.department .tab-content .tittle h2 {
		font-size: 36px;
	}

	.department .img-bg-dep {
		position: relative;
		height  : 400px;
	}

	.tittle {
		margin-bottom: 20px;
	}

	.tittle h2 {
		width    : 100%;
		font-size: 30px;
	}

	#founder .padding-r-80 {
		padding: 0px 15px !important;
	}

	.main-bnr-text {
		padding: 40px 30px;

	}

	#why-choose ul {
		padding-left: 15px;
	}

	.blog {
		text-align: center;
	}

	.tittle h2 {
		text-align: center;
	}

	.testimonials:before {
		height: 100%;
	}

	.intro .intro-in {
		width: 100%;
	}

	.intro h3 {
		width: 100%;
	}

	.testimonials .padding-l-60 {
		padding-left: 15px;
	}

	.testimonials .texti-slide {
		margin-top: 30px;
	}

	.testimonials .text {
		margin-top: 20px;
	}

	.contact-info li {
		float        : left;
		width        : 50%;
		margin-bottom: 30px;
		min-height   : 150px;
	}

	footer .latest-tweet {
		text-align: center;
	}

	footer .date {
		text-align: center;
	}

	.post-img img {
		width: 100%;
	}

	.post-img {
		width: 100%;
	}

	.text-section {
		min-height    : inherit;
		padding-bottom: 30px;
	}

	footer .text-right {
		text-align    : center;
		padding-bottom: 30px;
	}

	.depart-style-2 .nav-tabs li {
		width: 33.333%;
	}

	.top-bar {
		height        : auto;
		
	}
	
	.top-header-cantact li {
    margin-right: 0px;
}
	
	.top-bar .location, .top-bar .phone, .top-bar .mail{display:none;}
	.contact{
	padding:0 0 40px
	}
	
	.contact-form{
	padding-bottom:40px;
	}
	.contact-info{
	padding:30px 0;
	}
	

		.blog .text-section{
	text-align:left;
	padding:0;
	}
	
	.dep-detail-page .img-single{
	height:auto;
	}
	
	.side-bar{
	margin-left:0;
	}
	
	.lead{
		font-size:20px;
	}
	
	.main-title-for-all{
	    padding-top: 30px;
	}
	
	.about-main-text{
	width:100%;
	}
	.enoyy .col-xs-3 img{
	margin-top:30px;
	
	}

/*=============  MEDIA 600px   =============*/
@media (max-width:640px) {}

/*=============  MEDIA 540px   =============*/
@media(max-width:540px) {

}

/*=============  MEDIA 400px   =============*/
@media(max-width:440px) {
	.contact-info li {
		width: 100%;
	}

	.shop-page .items li.col-sm-4 {
		width: 100%;
	}
	
	.owl-carousel .owl-item{
    float: none;
    width: 100%!important;
}

.rights{
padding-bottom:60px;
}
	.enoyy .col-xs-3, .enoyy .col-xs-9 {
	width:100%;
	}
	
	.enoyy .col-xs-3{
	text-align:center;
	}

}

/*=============  MEDIA 320px   =============*/
	@media(max-width:320px) {

	}