
/*Mobile*/
@media (max-width: 767px) {
	h2 {
		font-size: 30px!important;
	}

	p {
		line-height: 30px;
	}

	.topbar {
		display: none;
	}

	.mobile-topbar {
		text-align: center;
		display: block;
	}

	.mobile-topbar img {
		width: 70%;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.mobile-topbar .numbers {
		margin-bottom: 20px;
	}

	.mobile-topbar .numbers p {
		color:#415a86;
		font-size: 17px;
		margin-bottom: 0;
		vertical-align: middle;
	}

	.navbar-default {
		text-align: center;
		padding-top: 0;
	}

	.navbar-header {
		text-align: center;
	}

	.navbar-toggle {
		float: none;
		text-align: center;
		margin: 0;
		background-color: #415a86; 
		color: #fff;
		border-color:  #415a86!important;
		border-radius: 0;
		margin-bottom: 10px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #415a86; 
		color: #fff;
		border-color:  #415a86;
		border-radius: 0;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover {
		border-bottom: 0!important;
		padding-top: 5px!important;
		padding-bottom: 5px!important;

	}

	.navbar-nav>li>a, .navbar-nav>li>a:hover {
		padding-top: 5px!important;
		padding-bottom: 5px!important;
		margin-bottom: 0;
		line-height: 1.42857143;
	}

	.social-icons {
		display: none;
	}

	/*home page*/

	.home-header {
		text-align: center;
		height: 450px;
	}

	.home-header .col-md-12 {
		padding-left: 5px;
	}

	.home-header h1 {
		font-size: 28px;
		padding-top: 20px;
	}
	.home-header h1>br, .home-header p>br {
		display: none;
	}
	.home-top-categories .col-md-4 {
		min-height: 370px;
	}

	.home-top-categories h3 {
		text-align:center;
	}

	.home-services {
		padding: 0;
	}

	.sliders {
		padding-bottom: 0;
	}

	.slider .overlay {
		display: none;
	}

	.slider .btn-primary {
		display: none;
		padding: 10px 20px 10px 20px;
	}
	.mobile-btn h3 {
		margin-top: 40px;
	}

	.mobile-btn, .mobile-btn .btn-primary{
		display: block!important;
		width: 100%;
	}

	.mobile-btn .btn-primary, .mobile-btn .btn-primary:hover {
		width: auto!important;
		left: 0;
		right: 0;
		bottom: 70px;
	}

	.owl-carousel .item {
		height: 600px;
	}

	.owl-theme .owl-nav {
		display: none;
	}

	.logo-sliders .item {
		height: 200px;
	}

	.open-details {
		text-align: center;
	}

	.open-details p>span {
		float: none!important;
		text-align: center;
	}

	.home-details .col-md-6 .request-form {
		text-align: center;
		min-height: 600px;
		margin-top: 20px;
	}

	.home-details .request-form .btn-primary {
		width: auto;
	}
	/*.checkbox {
		display: block!important;
	}*/

	/*about page*/

	.about-header {
		display: none;
	}

	.about-us {
		text-align: center;
	}

	.about-us p {
		text-align: left;
	}

	.staff {
		text-align: center;
	}

	.staff p {
		text-align: left;
	}

	.staff .col-md-3 {
	    min-height: 520px;
	    height: auto;
	    margin-top: 20px;
	    position: relative;
	}

	.staff .col-md-3.hours {
		height: auto;
		min-height: revert;
	}

	.mobile-btn2 {
		display: block!important;
	}

	.mobile-btn2 .btn-primary {
		display: block;
		position: absolute;
		/* margin-bottom: 20px; */
		bottom: 0;
		left: 100px;
		right: 100px;
		top: auto;
	}

	.staff a .caption p {
		font-size: 17px;
	}

	.hours-of-service p {
		line-height: 20px!important;
	}

	.hovereffect .caption p{
		text-align:center;
	}

	.hovereffect {
		margin-bottom: 20px;
	}

	.hovereffect:hover .overlay{
	  display: none;
	}

	/*Modals*/

	.modal-body {
		padding-top: 0;
	}

	.modal-body .col-md-6 {
		margin-top: 40px;
	}

	/*services page*/
	.services-header {
		display: none;
	} 

	.services-intro {
		text-align: center;
	}

	.services-intro p {
		text-align: left;
	}

	.services-panel {
		text-align: left;
	}

	.hospitals img {
		margin-bottom: 20px;
	}

	.hospitals .overlay {
		top: 15%;
		left: 50px;
		right: 50px;
	}

	.hospitals .overlay h2 {
		font-size: 25px!important;
	}

	.lifebay img, .vidamed img  {
		width: 100%;
	}

	.treatments h3 {
		font-size: 30px;
	}

	/*Documentation page*/

	.docs-header {
		display: none;
	}

	.tarrifs {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.tarrifs ul, .tarrifs p {
		text-align: left;
	}

	.docs p {
		font-size: 18px;
	}

	.docs img {
		padding-right: 0px;
		margin-bottom: 20px;
	}

	/*contact page*/

	.contact-header {
		display: none;
	}

	.contact-form input {
		width: 100%;
	}

	.contact-form textarea {
		width: 100%;
	}

	#content {
		text-align: center;
		max-width: 200px; 
	}

	#content img {
		width: 100%;
	}

	#content p {
		font-size: 15px;
		margin-bottom: 0;
	}

	#content a {
		color: #000;
		font-size: 15px;
		margin-bottom: 0;
	}

	/*footer*/

	.footer {
		padding-bottom: 0;
	}

	.footer-upper {
		text-align: center;
	}

	#footer-paragraph {
		display: none;
	}

	#footer-contact, #footer-services {
		padding-left: 0!important;
	}

	.footer-navbar {
		display: none;
	}

	.footer-lower {
		text-align: center;
		padding-top: 0;

	}
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {

	.topbar {
		display: none;
	}

	.mobile-topbar {
		display: block;
		text-align: center;
	}

	.mobile-topbar img {
		width: 40%;
	}

	.social-icons {
		display: none;
	}

	/*Home page*/

	.home-top-categories .col-md-4 {
		width: 33.3%;
		min-height: 470px!important;
		float: left;
		margin-right: auto;
		margin-left: auto;
		min-height: 400px;
	}

	.home-top-categories h3 {
		font-size: 20px;
	}

	.owl-theme .owl-nav {
		display: none;
	}

	.sliders {
		padding-bottom: 0;
	}

	.slider .overlay {
		display: none;
	}

	.mobile-btn {
		display: block;
		width: 100%;
	}

	.mobile-btn .btn-primary, .mobile-btn .btn-primary:hover {
		width: auto!important;
		left: 0;
		right: 0;
	}

	.owl-carousel .item {
		height: 670px;
	}

	.owl-theme .owl-dots {
		right: 320px;
	}

	.logo-sliders .item {
		height: 200px;
		text-align: center;
	}

	.home-details .col-md-6 .open-details {
		min-height: 380px;
	}

	.request-form .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.home-details .request-form .btn-primary {
		width: 100%!important;
	}

	/*About page*/

	.about-header {
		height: 300px;
	}

	.staff .col-md-3 {
		width: 33.3%;
		height: auto;
		margin-bottom: 20px;
		float: left;
		margin-right: auto;
		margin-left: auto;
		min-height: 200px;
	}

	.staff .col-md-3.hours {
		min-height: auto;
		width: 100%!important;
		height: auto;
	}

	.overlay i {
		padding-left: 90px;
	}

	.hours-of-service {
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}

	.hovereffect:hover .overlay{
	  display: none;
	}

	/*Modals*/

	.modal-body {
		padding-top: 0;
	}

	.modal-body .col-md-6 {
		margin-top: 40px;
	}

	.modal-body img {
		width: 80%;
	}

	/*Services page*/

	.services-header {
		height: 300px;
	} 

	.hospitals .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.hospitals .overlay {
		top: 20px;
	    left: 40px;
	    right: 40px;
	}

	.hospitals .overlay h2 {
		font-size: 30px;
	}

	.lifebay img, .vidamed img {
		width: 50%;
	}

	/*docs and rates page*/

	.docs-header {
		height: 300px;
	} 

	.tarrifs {
		padding-bottom: 0;
	}

	.docs .col-md-6 {
		width: 50%;
		float: left;
	}

	.docs img {
		width: 100%;
		padding-right: 0;
	}

	/*contact page*/

	.contact-header {
		height: 300px;
	}

	.contact-form {
		text-align: center;
	}

	.reception {
		text-align: center;
	}

	.reception img {
		width: 50%;
	}

	#map {
		height: 300px;
	}

	/*footer*/

	.footer-upper .col-md-4 {
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	#footer-contact {
		padding-left: 40px;
	}

	#footer-services {
		padding-left: 0;
	}

	.footer-lower, .footer-navbar, .footer-navbar .navbar-nav {
		text-align: center!important;
		float: none!important;
	}

	.footer-navbar .navbar-nav>li {
		text-align: center!important;
		float: none!important;
	}

	.nav>li {
		display: inline-block!important;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	p {
	    line-height: 20px!important;
	}

	.topbar {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.topbar .col-md-2 {
		padding-top: 0;
	}

	.topbar p, .topbar p>span {
		font-size: 13px;
	}

	.topbar i {
		font-size: 35px;
	}

	.topbar .logo img {
		padding-top: 0px;
	}

	.navbar-default .navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.tarrifs h2 {
		font-size: 40px;
	}

	/*Home page*/

	.home-top-categories .col-md-4 {
		min-height: 310px;
	}

	.home-top-categories h3 {
		font-size: 25px;
	}

	.owl-carousel .item {
		height: 491px;
	}

	.logo-sliders .item {
		height: 150px;
		text-align: center;
	} 

	.sliders .btn-primary {
		left: 50px;
		right: 50px;
	}

	.sliders .btn-primary:hover {
		bottom: 20px;
		left: 50px;
		right: 50px;
		background-color:#8e9eae;
	} 

	.owl-theme .owl-dots {
		right: 450px;
	}

	.home-details .col-md-6 .open-details{
		min-height: 430px;
	}

	.open-details p.border, .open-details p {
		line-height: 40px!important;
		font-size: 17px!important;
	}

	/*about page*/

	.hours-of-service {
		padding: 10px;
		height: auto;
    	width: auto;
	}

	.overlay i {
		padding-left: 90px;

	}

	.staff .col-md-3 {
		height: 300px;
	}

	/*services page*/

	.hospitals .overlay {
		top: 60px;
		left: 30px;
		right: 30px;
	}

	/*footer*/

	#footer-contact {
		padding-left: 100px;
	}

	#footer-services {
		padding-left: 50px;
	}

	.footer p, .footer a {
		font-size: 15px;
	}

	.footer-lower p, .footer-lower a {
		padding-top: 10px;
	}

	.footer-navbar .navbar-nav>li>a {
	    padding-left: 10px;
	    padding-right: 10px;
	}

}
 
/*Laptop:*/
@media (min-width: 1199px) and (max-width: 1600px) {
	.logo-sliders .item {
		height: 150px;
	}
}