/* ============================================
   RESPONSIVE CSS - MedProf24
   Mobile-first responsive adaptations
   ============================================ */

/* ---- Global overflow fix ---- */
html, body {
	overflow-x: hidden;
	width: 100%;
}

/* ============================================
   MOBILE: up to 767px
   ============================================ */
@media only screen and (max-width: 767px) {

	/* -- Preloader -- */
	.preloader-area .spinner {
		margin-top: -60px;
		margin-left: -30px;
	}

	/* -- Spacing -- */
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.ptb-25 {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	/* -- Display helpers -- */
	.d-table {
		display: block !important;
	}
	.d-table-cell {
		display: block !important;
	}

	/* -- Owl Carousel -- */
	.owl-controls {
		line-height: .1;
	}
	.owl-theme .owl-dots {
		position: relative;
		margin-top: 40px;
		bottom: 0;
	}
	.owl-theme .owl-dots .owl-dot span {
		background: #eee;
	}

	/* -- Section Titles -- */
	.section-title {
		margin-bottom: 30px;
	}
	.section-title h3 {
		font-size: 20px;
		line-height: 1.3;
	}
	.section-title h2 {
		font-size: 18px;
		line-height: 1.4;
	}
	.section-title span {
		font-size: 15px;
		margin-bottom: 14px;
	}
	.section-title p {
		font-size: 14px;
		max-width: 100%;
	}

	/* -- Forms -- */
	.form-control {
		height: 48px;
		font-size: 15px;
		border-radius: 8px;
		padding: 10px 14px;
	}
	textarea.form-control {
		min-height: 110px;
	}

	/* ---- NAVBAR ---- */
	.navbar {
		position: relative;
		background: #fff !important;
		padding: 10px 0;
		box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	}
	.navbar .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-light .navbar-toggler {
		color: #0072ff;
		border-color: #0072ff;
		border-radius: 8px;
		padding: 6px 10px;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 114, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-toggler {
		border-radius: 8px;
	}
	.navbar .text-right {
		display: none;
	}
	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-toggle-btn {
		text-align: right;
		position: absolute;
		right: 15px;
		top: 12px;
	}

	/* Mobile Nav Menu */
	.navbar-collapse {
		background: #fff;
		border-radius: 0 0 12px 12px;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		padding: 8px 0;
		margin: 0 -15px;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li {
		padding: 0;
		border-bottom: 1px solid #f0f2f5;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li:last-child {
		border-bottom: none;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li a {
		padding: 14px 20px;
		display: block;
		font-size: 15px;
		color: #3b566e;
		min-height: 44px;
		line-height: 1.4;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li a:hover,
	.navbar-light.navbar-expand-lg .navbar-nav li a:active {
		background: #f0f6ff;
		color: #0072ff !important;
	}

	/* ---- HERO / BANNER ---- */
	.main-banner {
		height: auto !important;
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.main-banner::before {
		background: #0072ff;
		background: linear-gradient(to right, #0072ff, #00c6ff);
		opacity: .85;
	}
	.hero-content h1 {
		color: #fff;
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 12px;
	}
	.hero-content h1 span {
		color: #fff;
		font-weight: 700;
	}
	.hero-content p {
		font-size: 14px;
		max-width: 100%;
		color: #fff;
		margin-bottom: 15px;
	}

.hero-content .btn {
    color: #0072ff;
    background: #fff;
    border: none;
    font-size: 13px;
    padding: 12px 20px;
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
}
.hero-content .btn::after {
    background: linear-gradient(to right, #0072ff, #00c6ff);
    height: 0;
}
.hero-content .btn:hover,
.hero-content .btn:active {
    color: #fff;
    border: none;
}
.hero-content .btn:hover::after,
.hero-content .btn:active::after {
    height: 100%;
}

	.hero-content .uiuiuiu li {
		font-size: 13px;
		color: #fff;
		padding: 5px 0 !important;
	}
	.hero-content .row .col-lg-3 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 6px;
	}

	/* ---- ABOUT SECTION ---- */
	.main-banner-two::after {
		display: none;
	}
	.hero-video {
		margin-top: 50px;
		text-align: center;
		margin-bottom: -20px;
	}
	.hero-video .video-play-btn {
		position: relative;
		font-size: 80px;
		top: 0;
	}
	.main-banner-three {
		height: 100%;
		padding-top: 70px;
	}
	.main-banner-three .hero-content h1 {
		color: #1e3056;
	}
	.main-banner-three .hero-content h1 span {
		color: #0078ff;
	}
	.main-banner-three .hero-content p {
		color: #6f8ba4;
	}
	.main-banner-three .hero-image {
		position: relative;
		top: 0;
		margin-top: 40px;
	}
	.main-banner-three .hero-content .btn {
		color: #fff;
		border: 1px solid #fff;
	}
	.main-banner-three .hero-content .btn::after {
		background: linear-gradient(to right, #0072ff, #00c6ff);
	}
	.main-banner-three .hero-content .btn:focus,
	.main-banner-three .hero-content .btn:hover {
		background: 0 0;
		border-color: #0078ff;
		color: #0078ff;
	}

	/* ---- BOXES / CARDS ---- */
	.boxes-area {
		padding-top: 30px;
		padding-bottom: 10px;
		margin-top: 0 !important;
	}
	.single-box {
		padding: 25px 20px;
		margin-bottom: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.single-box .btn {
		margin-top: 12px;
	}
	.boxes-area-two {
		padding-bottom: 20px;
	}

	/* ---- ABOUT IMAGE ---- */
	.about-image {
		margin-bottom: 20px;
	}
	.about-image .image {
		margin-bottom: 15px;
	}
	.about-image .image.mt-30 {
		margin-top: 0;
	}
	.about-image .image img {
		width: 100%;
		border-radius: 8px !important;
	}

	/* ---- WHY CHOOSE US ---- */
	.why-choose-us .section-title span::before {
		top: 10px;
	}
	.why-choose-us .section-title h2 {
		font-size: 18px;
		line-height: 1.4;
	}
	.why-choose-us-text ul {
		margin-bottom: 20px;
	}
	.why-choose-us-text ul li {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.5;
	}

	/* ---- TEAM ---- */
	.who-we-are .section-title span::before {
		top: 10px;
	}
	.who-we-are-text {
		margin-bottom: 30px;
	}
	.team-members li {
		text-align: center;
	}
	.team-members li > div {
		float: none;
		display: inline-block;
		margin: 0 !important;
		width: 49%;
	}
	.team-members {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	.member-details img {
		-webkit-transform: rotate(0) translate(0, 0);
		transform: rotate(0) translate(0, 0);
	}
	.member-info {
		-webkit-transform: rotate(0) translate(0, -25px);
		transform: rotate(0) translate(0, -25px);
	}

	/* ---- TABS / DEPARTMENTS ---- */
	.tabs {
		margin-left: -5px;
		margin-right: -5px;
	}
	.tabs li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.tabs li a {
		padding: 16px 8px;
		font-size: 13px;
		border-radius: 8px;
	}
	.tabs li a i {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.tabs_item_content {
		padding: 20px 15px;
	}
	.tabs_item_content h3 {
		line-height: 1.3;
		font-size: 16px;
	}
	.tabs_item_content h2 {
		font-size: 16px;
		line-height: 1.4;
	}
	.tabs_item_content p {
		font-size: 14px;
	}
	.tabs li:last-child a {
		border-radius: 8px;
	}
	.tabs li:first-child a {
		border-radius: 8px;
	}

	/* ---- APPOINTMENT ---- */
	.appointment-area::after,
	.appointment-area::before {
		width: 100%;
	}
	.appointment-area .section-title {
		margin-top: 0;
		position: relative;
		z-index: 1;
	}
	.appointment-area .section-title h3 {
		color: #fff;
	}
	.appointment-area .section-title span {
		color: #fff;
	}
	.appointment-area .section-title span::before {
		top: 10px;
		background: #fff;
	}
	.faq {
		padding-right: 0;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
	}
	.appointment-form {
		padding-left: 0;
	}
	.appointment-form form .form-group {
		margin-bottom: 15px;
	}

	/* ---- SERVICES ---- */
	.services-area {
		padding-bottom: 20px;
	}
	.single-services {
		padding: 25px 15px;
		margin-bottom: 25px;
	}

	/* ---- FUN FACTS ---- */
	.fun-facts-area {
		padding-bottom: 10px;
	}
	.fun-fact {
		margin-bottom: 35px;
	}
	.fun-fact i {
		font-size: 32px;
	}
	.fun-fact h3 {
		font-size: 28px;
		line-height: 1.2;
		margin-top: 20px;
	}
	.fun-fact span {
		font-size: 14px;
	}
	.count {
		font-size: 28px;
		margin-top: 20px;
	}
	.funFact {
		margin-bottom: 35px;
		padding-left: 50px;
	}
	.funFact i {
		font-size: 32px;
	}
	.funFact h3 {
		font-size: 28px;
		line-height: 1.2;
	}
	.funFact span {
		font-size: 14px;
	}

	/* ---- GALLERY ---- */
	.gallery-area {
		padding-bottom: 20px;
	}
	.shorting-menu {
		margin-bottom: 25px;
	}
	.shorting-menu .filter {
		padding: 9px 13px;
		margin: 0 1px 8px;
		font-size: 13px;
	}
	.single-photo {
		border: none;
	}

	/* ---- PRICING ---- */
	.pricing-area {
		padding-bottom: 20px;
	}
	.pricing-table {
		padding-bottom: 25px;
		margin-bottom: 30px;
	}
	.pricing-table .pricing-header {
		padding: 25px 20px;
		margin-bottom: 25px;
	}

	/* ---- TESTIMONIALS ---- */
	.testimonials-area {
		padding-bottom: 20px;
	}

	/* ---- NEWS ---- */
	.news-area {
		padding-bottom: 20px;
	}
	.single-blog-post {
		margin-bottom: 30px;
	}
	.single-blog-post .post-content {
		padding: 20px 15px;
	}
	.single-blog-post .blog-img {
		display: block;
	}

	/* ---- CONTACT ---- */
	.contact-box {
		padding: 22px 18px;
		margin-bottom: 20px;
		border-radius: 12px;
	}
	.contact-box p {
		font-size: 16px;
	}
	.contact-box a {
		font-size: 15px;
		word-break: break-all;
	}
	.get-in-touch {
		margin-bottom: 25px;
	}
	.get-in-touch h3 {
		font-size: 20px;
	}

	/* ---- TABLES ---- */
	.table-responsive-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 -15px;
		padding: 0 15px;
	}
	table {
		font-size: 13px;
		min-width: 500px;
	}
	th {
		padding: 8px 12px;
		font-size: 13px;
	}
	td {
		padding: 8px 12px;
		font-size: 13px;
	}
	th:first-child,
	td:first-child {
		min-width: 200px;
	}

	/* ---- BLOG DETAILS ---- */
	.blog-details .date {
		padding: 8px 15px;
		font-size: 16px;
	}
	.blog-details-heading h3 {
		font-size: 18px;
	}
	.blog-details-heading ul li {
		margin-right: 12px;
		font-size: 14px;
	}
	.blog-details-content .blockquote {
		padding: 20px;
	}
	.blog-details-content .blockquote p {
		font-size: 16px;
	}
	.blog-details-content .blockquote .blockquote-footer {
		font-size: 16px;
	}
	.blog-details-meta .tags {
		display: block;
	}
	.blog-details-meta ul .title {
		font-size: 16px;
		margin-right: 3px;
	}
	.blog-details-meta .tags li a {
		padding: 4px 13px;
		font-size: 14px;
	}
	.blog-details-meta .share {
		display: block;
		float: unset;
		margin-top: 15px;
	}
	.blog-details-content .title {
		font-size: 18px;
	}
	.blog-details-comments .single-comments {
		padding-left: 100px;
	}
	.blog-details-comments .single-comments .thumb {
		width: 80px;
	}
	.blog-details-comments .single-comments .content h4 {
		font-size: 17px;
	}
	.single-comments.left-mr {
		margin-left: 30px;
	}
	.pagination-area {
		margin-top: 20px;
	}
	.page-link {
		padding: 10px 16px;
	}

	/* ---- FOOTER ---- */
	.footer-area {
		text-align: center;
	}
	.footer-area .footer-col {
		margin-bottom: 30px;
	}
	.footer-area ul {
		text-align: center;
		margin-top: 10px;
	}
	.footer-area .footer-links {
		text-align: center;
	}
	.footer-area .footer-links li {
		display: block;
		padding-left: 0;
		margin-bottom: 8px;
	}
	.footer-area .footer-links li::before {
		display: none;
	}
	.footer-bottom {
		text-align: center;
	}

	/* ---- FLOATING BUTTONS ---- */
	.pozvonit {
		bottom: 90px;
		right: 16px;
		width: 52px;
		height: 52px;
	}
	.pozvonit img {
		width: 100%;
		height: 100%;
	}
	.telegram-float {
		bottom: 150px;
		right: 16px;
	}

	/* ---- BUTTONS ---- */
	.btn {
		width: 100%;
		text-align: center;
		padding: 14px 24px;
		font-size: 13px;
	}
	.c-btn {
		width: 100%;
		padding: 14px 24px;
		font-size: 13px;
	}

	/* ---- RADIO GROUPS in forms ---- */
	.radio-group {
		flex-direction: column;
	}
	.radio-group label {
		margin-right: 0;
		margin-bottom: 8px;
	}

	/* ---- QR Code ---- */
	.qrcode {
		margin-left: 0;
		text-align: center;
	}
}

/* ============================================
   TABLET: 768px - 991px
   ============================================ */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* -- Spacing -- */
	.ptb-100 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/* -- Display helpers -- */
	.d-table {
		width: 100%;
		height: 100%;
		display: block !important;
	}
	.d-table-cell {
		display: block !important;
	}

	/* -- Owl Carousel -- */
	.owl-controls {
		line-height: .1;
	}
	.owl-theme .owl-dots {
		position: relative;
		margin-top: 40px;
		bottom: 0;
	}
	.owl-theme .owl-dots .owl-dot span {
		background: #eee;
	}

	/* ---- NAVBAR ---- */
	.navbar {
		background: #fff !important;
		padding: 10px 0;
	}
	.navbar-light .navbar-toggler {
		color: #0072ff;
		border-color: #0072ff;
		border-radius: 8px;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 114, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-toggler {
		border-radius: 8px;
	}
	.navbar-toggle-btn {
		text-align: center;
	}
	.navbar-collapse {
		background: #fff;
		box-shadow: 0 4px 20px rgba(0,0,0,0.08);
		padding: 0 15px;
		border-radius: 0 0 12px 12px;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li {
		padding: 0;
		border-bottom: 1px solid #f0f2f5;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li a {
		padding: 12px 15px;
		min-height: 44px;
		font-size: 15px;
	}
	.appointment-btn.white-btn {
		color: #0072ff;
		border-color: #0072ff;
	}

	/* ---- HERO / BANNER ---- */
	.main-banner {
		height: auto !important;
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.main-banner::before {
		background: linear-gradient(to right, #0072ff, #00c6ff);
		opacity: .8;
	}
	.hero-content h1 {
		color: #fff;
		font-size: 26px;
		line-height: 1.3;
	}
	.hero-content h1 span {
		color: #fff;
		font-weight: 700;
	}
	.hero-content p {
		color: #fff;
		font-size: 16px;
	}
.hero-content .btn {
    color: #0072ff;
    background: #fff;
    border: none;
    font-size: 13px;
    padding: 12px 20px;
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
}
.hero-content .btn::after {
    background: linear-gradient(to right, #0072ff, #00c6ff);
    height: 0;
}
.hero-content .btn:hover,
.hero-content .btn:active {
    color: #fff;
    border: none;
}
.hero-content .btn:hover::after,
.hero-content .btn:active::after {
    height: 100%;
}
	.hero-content .row .col-lg-3 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 10px;
	}

	/* ---- ABOUT ---- */
	.hero-video {
		margin-top: 50px;
		text-align: center;
		margin-bottom: -20px;
	}
	.hero-video .video-play-btn {
		position: relative;
		font-size: 80px;
		top: 0;
	}
	.main-banner-three {
		height: 100%;
		padding-top: 145px;
	}
	.main-banner-three .hero-content h1 {
		color: #1e3056;
	}
	.main-banner-three .hero-content h1 span {
		color: #0078ff;
	}
	.main-banner-three .hero-content p {
		color: #6f8ba4;
	}
	.main-banner-three .hero-content .btn {
		color: #fff;
		border: 1px solid #fff;
	}
	.main-banner-three .hero-content .btn::after {
		background: linear-gradient(to right, #0072ff, #00c6ff);
	}
	.main-banner-three .hero-content .btn:focus,
	.main-banner-three .hero-content .btn:hover {
		background: 0 0;
		border-color: #0078ff;
		color: #0078ff;
	}
	.main-banner-three .hero-image {
		position: relative;
		top: 0;
		margin-top: 40px;
	}

	/* ---- BOXES ---- */
	.boxes-area {
		padding-bottom: 30px;
		margin-top: 0 !important;
	}
	.single-box {
		margin-bottom: 25px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.boxes-area-two {
		padding-bottom: 40px;
	}

	/* ---- ABOUT IMAGE ---- */
	.about-image {
		margin-bottom: 30px;
	}
	.about-image .image img {
		width: 100%;
	}

	/* ---- TEAM ---- */
	.who-we-are-text {
		margin-bottom: 25px;
	}
	.team-members {
		padding: 0 40px;
	}
	.member-info h3 {
		font-size: 15px;
	}

	/* ---- TABS ---- */
	.tabs {
		margin-left: -8px;
		margin-right: -8px;
	}
	.tabs li {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		padding-right: 8px;
		padding-left: 8px;
		margin-bottom: 12px;
	}
	.tabs_item_img img {
		width: 100%;
	}
	.tabs li:last-child a {
		border-radius: 0 0 20px 0;
	}
	.tabs_item_content h2 {
		font-size: 17px;
		line-height: 1.4;
	}

	/* ---- APPOINTMENT ---- */
	.appointment-area .section-title {
		margin-top: 50px;
	}

	/* ---- SERVICES ---- */
	.services-area {
		padding-bottom: 40px;
	}
	.single-services {
		margin-bottom: 30px;
	}

	/* ---- FUN FACTS ---- */
	.fun-facts-area {
		padding-bottom: 20px;
	}
	.fun-fact {
		margin-bottom: 35px;
	}
	.funFact {
		margin-bottom: 35px;
	}

	/* ---- GALLERY ---- */
	.gallery-area {
		padding-bottom: 40px;
	}
	.shorting-menu .filter {
		padding: 10px 18px;
		margin: 0 1px;
		font-size: 13px;
	}

	/* ---- PRICING ---- */
	.pricing-area {
		padding-bottom: 40px;
	}
	.pricing-table {
		margin-bottom: 30px;
	}

	/* ---- TESTIMONIALS ---- */
	.testimonials-area {
		padding-bottom: 40px;
	}

	/* ---- NEWS ---- */
	.news-area {
		padding-bottom: 40px;
	}
	.single-blog-post {
		margin-bottom: 30px;
	}

	/* ---- CONTACT ---- */
	.contact-box {
		margin-bottom: 25px;
	}
	.get-in-touch {
		margin-bottom: 25px;
	}

	/* ---- TABLES ---- */
	table {
		font-size: 13px;
	}
	th {
		padding: 8px 14px;
	}
	td {
		padding: 8px 14px;
	}

	/* ---- FOOTER ---- */
	.footer-area .footer-col {
		margin-bottom: 25px;
	}

	/* ---- BUTTONS ---- */
	.btn {
		padding: 13px 28px;
		font-size: 13px;
	}
}

/* ============================================
   SMALL DESKTOP: 992px - 1199px
   ============================================ */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-video .video-play-btn {
		right: 75px;
		top: 45px;
	}


	.hero-content h1{
		margin-top: clamp(5vh, 170px, 20vh);
	}

	.navbar-expand-lg .navbar-collapse{
		margin-top: clamp(1vh, 30px, 3vh);
	}

        	.btn{
		padding: 14px 15px;
	}
	
	.main-banner-three .hero-image {
		top: -140px;
	}
	.boxes-area {
		margin-top: -120px;
	}
	.single-box {
		padding: 25px 15px;
	}
	.team-members {
		padding: 0 15px 0 0;
	}
	.member-info h3 {
		font-size: 15px;
	}
	.tabs li a {
		font-size: 14px;
	}
	.tabs_item_content {
		padding: 25px 18px;
	}
	.tabs_item_content ul {
		margin: 10px 0 0;
	}
	.why-choose-us-text ul {
		margin-bottom: 10px;
	}
	.appointment-area .section-title {
		margin-top: 0;
	}
	.single-services {
		padding: 30px 15px;
	}
	.contact-box {
		padding: 25px 15px;
	}

	/* Nav links: slightly smaller font */
	.navbar-light.navbar-expand-lg .navbar-nav li {
		padding: 10px 6px;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li a {
		font-size: 13px;
	}
}

/* ============================================
   LARGE DESKTOP: 1200px+
   ============================================ */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.hero-content .row .col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.hero-content h1{
		margin-top: clamp(5vh, 170px, 20vh);
	}

	.navbar-expand-lg .navbar-collapse{
		margin-top: clamp(1vh, 30px, 3vh);
	}

        	.btn{
		padding: 14px 15px;
	}
	
	.main-banner-three .hero-image {
		top: -140px;
	}
	.boxes-area {
		margin-top: -120px;
	}
	.single-box {
		padding: 25px 15px;
	}
	.team-members {
		padding: 0 15px 0 0;
	}
	.member-info h3 {
		font-size: 15px;
	}
	.tabs li a {
		font-size: 14px;
	}
	.tabs_item_content {
		padding: 25px 18px;
	}
	.tabs_item_content ul {
		margin: 10px 0 0;
	}
	.why-choose-us-text ul {
		margin-bottom: 10px;
	}
	.appointment-area .section-title {
		margin-top: 0;
	}
	.single-services {
		padding: 30px 15px;
	}
	.contact-box {
		padding: 25px 15px;
	}

	/* Nav links: slightly smaller font */
	.navbar-light.navbar-expand-lg .navbar-nav li {
		padding: 10px 6px;
	}
	.navbar-light.navbar-expand-lg .navbar-nav li a {
		font-size: 13px;
	}
}