/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

*/

@media (min-width: 1281px) {}

/* 

  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px

*/

@media (min-width: 1025px) and (max-width: 1280px) {}

/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

*/

@media (min-width: 768px) and (max-width: 1024px) {}

/* 

  ##Device = Tablets, Ipads (landscape)

  ##Screen = B/w 768px to 1024px

*/

@media (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
	.navbar-expand-lg .navbar-nav .nav-link a {
		font-size: 14px;
	}
	.form-search {
		min-width: 200px;
		margin-left: 25px;
	}
	header .header-box span {
		flex-basis: 100%;
	}
	.our_clints_says {
		margin-bottom: 30px;
	}
}

/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

*/

@media (max-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link a {
		padding: 10px 20px 10px 10px;
		display: inherit;
		font-size: 12px;
		border-bottom: 1px solid #6b6969;
	}
	header .logo {
		margin: 0 20px 10px;
	}
	/* Start Book Now */
	.book-appointment-now {
		/* right: -68%; */
	}
	/* Start Section Title */
	.section-title {
		flex-direction: column;
	}
	.section-title img {
		margin-right: 0;
		display: block;
		margin-bottom: 15px;
	}
	.section-title h2 {
		font-size: 25px;
	}
	.clients-says {
		margin-bottom: 30px;
	}
	/* Header */
	header .header-box {
		border-bottom: 1px solid rgba(50, 50, 50, 0.4);
		padding-bottom: 5px;
		margin-bottom: 5px;
		align-items: center;
		display: none
	}
	header .social-media {
		justify-content: center;
	}
	/* Start Navbar */
	.navbar {
		padding: 10px 0;
	}
	.navbar-toggler-icon span {
		height: 3px;
		background-color: #FFF;
		display: block;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.navbar-toggler-icon span.bar-1 {
		width: 40px;
	}
	.navbar-toggler-icon span.bar-2 {
		width: 30px;
		margin: 10px 0;
	}
	.navbar-toggler-icon span.bar-3 {
		width: 20px;
	}
	.has-open span.bar-1 {
		animation: BarAnimateOne .3s ease-in-out forwards;
	}
	.has-open span.bar-2 {
		animation: BarAnimateTwo .4s ease-in-out forwards;
	}
	.has-open span.bar-3 {
		animation: BarAnimateThree .5s ease-in-out forwards;
	}
	.navbar-expand-lg .navbar-nav {
		padding: 20px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav .dropdown {
		margin-right: 10px;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px;
	}
	.form-search {
		min-width: 100%;
		margin-left: 0;
	}
	/* End Navbar */
	/* Start Slider */
	.main-slider .item:after {
		height: 35%;
	}
	.book-appointment {
		max-width: 350px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.main-slider .owl-theme .owl-nav {
		position: absolute;
		bottom: 10px;
		left: 53%;
		transform: translate(-50%, 0);
	}
	/* End Slider */
	/* Start About Page */
	.doctor-image {
		margin-bottom: 30px;
	}
	/* End About Page */
	/* Start Blogs */
	.blog-box {
		margin-bottom: 30px;
	}
	/* End Blogs */
	/* Start counter-block */
	.counter-block {
		margin-bottom: 30px;
	}
	/* End counter-block */
	/* Clients */
	.add-comment {
		text-align: center;
		margin-bottom: 40px;
	}
	.testmonial {
		margin-bottom: 30px;
	}
	/* About Page */
	.cb-icon {
		display: none;
	}
	/* Media */
	.media-tabs li {
		margin: 5px 5px;
		width: 100%;
	}
	.tab-content {
		padding: 15px 7px;
	}
	/* Contact Us */
	.doctor-info li span:last-child {
		flex-basis: 90%;
	}
	/* Footer */
	footer {
		margin-top: 20px;
		text-align: center;
	}
	footer .site-map {
		margin-bottom: 20px;
	}
	footer .footer-box {
		justify-content: right;
	}
	footer .footer-box span {
		text-align: left;
	}
	footer .nav-link {
		border-bottom: 1px solid #757575;
	}
	.logohead {
		position: absolute;
		right: 10px;
		left: unset;
		top: -5px;
	}
	.book-appointment-now .times .clock-icon {
		font-size: 12px
	}
}

/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

*/

@media (min-width: 320px) and (max-width: 480px) {}

@keyframes BarAnimateOne {
	from {
		width: 40px;
	}
	to {
		width: 20px;
	}
}

@keyframes BarAnimateTwo {
	from {
		width: 40px;
	}
	to {
		width: 30px;
	}
}

@keyframes BarAnimateThree {
	from {
		width: 20px;
	}
	to {
		width: 40px;
	}
}