/* devices great than 768px */
@media (min-width: 767.98px) {
	.top-section li:first-child {
		margin-right: 20px;
	}

}

/* devices great than 992px */
@media (min-width: 991.98px) {
	.menu .navbar .navbar-nav li {
		margin-right:6px;
		margin-left:6px;
	}
}

/* =============================================================== */
/* Large devices (desktops, less than 1200px) */
/* devices less than 1200px */
@media (max-width: 1199.98px) { 

	.menu .navbar .navbar-nav li {
		line-height:2rem;
	}
	.navbar .btn {
		margin-top:20px;
		margin-bottom:20px;
	}
	.navbar-toggler{
		border: none;
		padding: 0px;
        outline: none !important;
	}
	.dropdown-menu {
		margin-top:0px;
		margin-bottom:20px;
		border-radius:0;
	}

}


/* Medium devices (tablets, less than 992px) */
/* devices less than 992px */
@media (max-width: 991.98px) { 
	.navbar-collapse {
		border-top: 1px solid var(--dark-purple);
		margin-top:10px;
	}
	.navbar-collapse .navbar-nav li {
		border-bottom: 1px solid var(--light-purple);
		padding-top:5px !important;
		padding-bottom:5px !important;
	}
	.slide-item {
		height:550px;
	}
	.slidertext-content {
		bottom:50px;
	}
	.slidertext-content h2{
		font-size: 36px;
		line-height:36px;
		font-weight: 700;
		margin-top: 10px;
		margin-bottom:15px;
	}
	.services-bg {
		height: 400px;
	}
	.medical-about {
		margin-top: 30px;
	}

}

/* Small devices (landscape phones, less than 768px) */
/* devices less than 768px */
@media (max-width: 767.98px) { 

	.top-section {
		text-align: center;
	}
	.top-section li {
		display: block;
		float: none;
	}
	.slide-item {
		height:450px;
	}
	.slidertext-content {
		padding-left:10px;
		padding-right:10px;
	}
	.slidertext-content h2{
		font-size: 30px;
		line-height:32px;
		font-weight: 600;
		margin-top: 10px;
		margin-bottom:15px;
	}
	.services-bg {
		height: 320px;
	}

}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	.navbar-brand img {
		width: 80%;
	}
	.slide-item {
		height:380px;
	}
	.about-image {
		float:none;
		margin-right:0px;
		background: #fff;
		text-align: center;
	}
	.about-text {

	}
	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 400px) { 

}


