html {scroll-behavior: smooth;}
.sticky {position: fixed;top: -2px;width: 100%;background-color: white;z-index: 99;box-shadow: 2px 2px 10px lightgrey;transition: top .4s ease-in-out;}
.stick {top: -115px;}
.os{font-family: 'Open Sans', sans-serif;}
.content{font-size: 21px;}
#menu{padding: 15px 10px;}
.mainhero{background-image: url('../images/hero-bg.jpg');}
img.mainhero{position: relative; bottom: -10px; background: transparent;}
#hero .content{font-size: 25px}
#hero{margin-top: 130px;}
#hero h1{font-size: 50px;}
.ccsched.j{font-size: 22px; display: inline-block;}
.nav-link{font-size: 16px; padding: 8px 18px !important; color: black !important;}
.ccsched{color:white !important; margin: 0 15px; border-radius: 10px; padding: 8px 20px !important; background-color: #0189ff;}
.j-box{padding: 25px 25px; border-radius: 15px; border: 2px solid #a4c7fd; height: 100%;}
.j-box img{position: relative; bottom: -25px;}
.f-box{border-radius: 15px; box-shadow: 0px 7px 17px -1px paleturquoise;}
#testimonial{background-image: url('../images/testibg.jpg')}
.ccont{color: blue;}
.ccont span {background-color: #0189ff; width: 40px; height: 40px; border-radius: 30px; line-height: 40px; text-align: center; display: inline-block; font-size: 30px; color: white; font-weight: bold;}
.carousel-control-next, .carousel-control-prev{width: 40px;}
.carousel-control-prev {left: -80px;}
.carousel-control-next {right: -80px;}
#footer{background-image: url('../images/footerbg.jpg'); background-position: bottom right; background-repeat: no-repeat;}
.f-brdr{border-top: 1px solid #0189ff;}

@media (max-width: 1199px) {
	#happypractice-in{background-image: unset !important;}
}
@media (max-width: 991px) {
	#menu .container{max-width: 100%;}
	#footer{background-image: unset; }
}

@media (max-width: 870px) and (min-width: 768px) {
	.nav-link{font-size: 15px; padding: 8px 10px !important;}
}

@media (max-width: 767px) {
	.nav-item{padding: 10px 0; border-bottom: 2px solid lightgrey; text-align: center}
	.nav-item:nth-child(5){border-bottom: 0px !important}
	.nav-link.ccsched{display: inline-block; margin: 5px 0;}
	.navbar-nav{margin-top: 15px;}
	#hero h1{font-size: 42px;}
}

@media (max-width: 575px) {
	.navbar-brand img{width: 175px;}
	#menu .container{padding: 0}
	.carousel-control-next, .carousel-control-prev{display: inline-block;}
	.carousel-control-prev {left: -20px; top: -20px;}
	.carousel-control-next {right: -20px; top: -20px;}
}
@media (max-width: 479px) {
	#hero .content{font-size: 18px}
	.covid h2{font-size: 24px}
	.covid h3{font-size: 19px}
}