@media screen and (max-width: 1600px) {
	.featured-testimonials .testimonial article h6+p {font-size: 18px; line-height: 24px;}
}
@media screen and (max-width: 1366px) {
	.list-doctors .doctor {width: 24%; margin: 0 0.5% 20px}
	.promos {width: 100%; float: left; padding: 0 25px!important}
}

@media screen and (max-width: 1200px) {
 	.hero-banner .slide article .pagewrapper2 h1, .hero-banner .slide article .pagewrapper2 p {width: 60%;}
 	.hero-banner .slide article .pagewrapper2 h1 {font-size: 48px; line-height: 56px;}
 	.featured-testimonials .testimonial article {width: 500px;}
 	.featured-testimonials .testimonial article h6 + p, .testimonial article h6 + p {font-size: 18px; line-height: 24px;}
 	div.services .slick-list {padding: 0 20%!important;}
 	.testimonial article {padding: 20px 25px}
 	div.services button.slick-prev, div.services button.slick-next, div.featured-insights button.slick-prev, div.featured-insights button.slick-next,
 	div.ba-case button.slick-prev, div.ba-case button.slick-next, div.active-promos button.slick-next, div.active-promos button.slick-prev, div.our-locations button.slick-next, div.our-locations button.slick-prev  {top: 45%; width: 50px!important; height: 50px!important}
 	div.services button.slick-prev {left: 19%!important }
 	div.ba-case button.slick-prev, div.active-promos button.slick-prev, div.our-locations button.slick-prev {left: -25px!important}
 	div.ba-case button.slick-next, div.active-promos button.slick-next, div.our-locations button.slick-next{right: -25px!important;}
 	div.featured-insights button.slick-prev {left: -25px!important;}
 	div.featured-insights button.slick-next {right: -25px!important}
 	div.services button.slick-next {right: 19%!important}
 	.list-doctors .doctor, .list-services .service-name {width: 31%; margin: 0 1.15% 30px}
 	.list-services .service-name a aside div h3 {font-size: 18px; line-height: 24px;}
 	.featured-insights .custom-post-slide .slide-content, .active-promos .custom-promo-slide .slide-content, .our-locations .location article, .promos .custom-promo-slide .slide-content {padding: 30px;}
 	.article-content h1 {font-size: 48px!important; line-height: 56px!important}
 	.article-content h2 {font-size: 40px!important; line-height: 46px!important}
 	.article-content h3 {font-size: 30px!important; line-height: 36px!important}
}
@media screen and (max-width: 1024px) {
.featured-testimonials, .featured-testimonials .testimonial, .featured-testimonials .testimonial aside {height: auto}
 	.featured-testimonials .testimonial aside img {object-fit: initial!important; height: auto;}
 	.featured-testimonials .testimonial article {width: 100%; max-width: 100%; position: relative; text-align: center; left: 0; right: auto; bottom: auto; margin: 30px 0; background: rgba(210,210,210,0.28)}
 	.featured-testimonials .slick-dots {text-align: center; bottom: -10px!important;}
 	.testimonial article h6, .testimonial article h6 + p {text-align: center;}
 	.featured-testimonials .testimonial article .customer-rating .customer, .featured-testimonials .testimonial article .customer-rating .rating, .testimonial article .customer-rating .customer, .testimonial article .customer-rating .rating {width: 100%; justify-content: center; -webkit-justify-content: center}
 	.featured-testimonials .testimonial article .customer-rating .customer {margin-bottom: 10px;}
 	.featured-testimonials .testimonial .overlay {display: none!important;}
 	.testimonials {position: relative; width: 100%; left: 0; float: left; text-align: center; color: black; bottom: auto; top: auto;} 
 	.testimonials .heading-section {width: 100%; margin-bottom: 30px}
 	.testimonials .heading-section p.subtitle {color:#876C33}
 	.testimonials .heading-section h3 {color: #243A52; font-size: 32px; line-height: 40px;}
 	.testimonials .heading-section p {color: black;}
 	.cols-4 .card {width: 32%; margin: 0 0.65% 25px;}
 	div.featured-testimonials button.slick-next {right: 30px; left: auto!important;}
 	div.featured-testimonials button.slick-next, div.featured-testimonials button.slick-prev {top: 45%!important}
}
@media screen and (max-width: 880px) {
 	.hero-banner .slide aside img.desktop {display: none!important}
 	.hero-banner .slide aside img.mobile {display: block!important;} 
 	.hero-banner, .hero-banner .slide, .hero-banner .slide aside {height: 554px!important}
 	.hero-banner .slide article .pagewrapper2 h1 {font-size: 40px; line-height: 46px;}
 	.hero-banner .slide article .pagewrapper2 h1, .hero-banner .slide article .pagewrapper2 p {width: 100%;}
 	.testimonials {bottom: auto; top: 30px;}
 	
 	div.services {margin-bottom: 30px;}
 	div.services .slick-list {padding: 0 10%!important;}
 	div.services button.slick-prev, div.services button.slick-next, div.featured-insights button.slick-prev, div.featured-insights button.slick-next,
 	div.ba-case button.slick-prev, div.ba-case button.slick-next, div.our-locations button.slick-next, div.our-locations button.slick-prev  {top: 46%; width: 40px!important; height: 40px!important}
 	div.services button.slick-prev {left: 9%!important }
 	div.ba-case button.slick-prev, div.our-locations button.slick-prev {left: -20px!important}
 	div.ba-case button.slick-next, div.our-locations button.slick-next{right: -20px!important;}
 	div.featured-insights button.slick-prev {left: -25px!important}
 	div.featured-insights button.slick-next {right: -25px!important}
 	div.services button.slick-next {right: 9%!important}
 	.list-doctors .doctor, .list-services .service-name {width: 48%; margin: 0 1% 20px}
 	.posts {justify-content: space-between; -webkit-justify-content: space-between;}
 	.posts .post {width: 49%; margin: 0 0 20px;}
 	.featured-insights .custom-post-slide .slide-image, .our-locations .location aside{width: 100%; height: 400px;}
 	 .our-locations .location article  {width: 100%;}
 	.featured-insights .custom-post-slide .slide-image img, .our-locations .location aside img {border-radius: 10px 10px 0 0;}
 	.active-promos .custom-promo-slide .slide-image, .promos .custom-promo-slide .slide-image {width: 100%;}
 	.active-promos .custom-promo-slide .slide-image img, .promos .custom-promo-slide .slide-image img {border-radius: 10px 10px 0 0;}
 	.featured-insights .custom-post-slide .slide-content, .active-promos .custom-promo-slide .slide-content, .our-locations .location article, .promos .custom-promo-slide .slide-content {width: 100%; text-align: center;}
 	.featured-insights .custom-post-slide .slide-content div.content .content-header, .active-promos .custom-promo-slide .slide-content div.content .content-header, .promos .custom-promo-slide .slide-content div.content .contentheader {justify-content: center; -webkit-justify-content: center;}
 	.article-content h1 {font-size: 40px!important; line-height: 46px!important}
 	.article-content h2 {font-size: 36px!important; line-height: 42px!important}
 	.article-content h3 {font-size: 30px!important; line-height: 36px!important}
 	.our-locations .location article div.content div {padding-left: 0!important; padding-top: 35px;}
 	.our-locations .location article div.content div {background-position: center top!important;}
 	.our-locations .location article {height: auto!important;}
 	.cols-3, .cols-4 {justify-content: space-between; -webkit-justify-content: space-between;}
 	.cols-3 .card, .cols-4 .card {width: 49%; margin: 0 0 25px;}
 	.card-container .card .card-number {font-size: 30px; line-height: 36px;}
}

@media screen and (max-width: 767px) {
 	 .our-locations .location aside {float: left; height: 215px!important}
 	 .our-locations .location article div.content h3.location-title {font-size: 24px; line-height: 30px}
 	.hero-banner .slide article .pagewrapper2 h1 {font-size: 30px; line-height: 42px;}
 	.hero-banner .slide article .pagewrapper2 h1, .hero-banner .slide article .pagewrapper2 p {text-align: center;}
 	.hero-banner .slide article .pagewrapper2 .btns  {justify-content: center; -webkit-justify-content: center;}
 	.hero-banner .slide article .pagewrapper2 .btns a {margin-bottom: 10px;}
 	.hero-banner .slide article .pagewrapper2 .btns a.btnwht-icon {margin-left: 0;}
 	.testimonials {position: relative; width: 100%; left: 0; float: left; text-align: center; color: black; bottom: auto; top: auto;} 
 	.testimonials .heading-section {width: 100%; margin-bottom: 30px}
 	.testimonials .heading-section p.subtitle {color:#876C33}
 	.testimonials .heading-section h3 {color: #243A52; font-size: 32px; line-height: 40px;}
 	.testimonials .heading-section p {color: black;}
 	
 	div.services .slick-list {padding: 0 8px!important;}
 	div.services button.slick-prev, div.services button.slick-next {top: 46%; width: 40px!important; height: 40px!important}
 	div.services button.slick-prev {left: 0!important }
 	div.services button.slick-next {right: 0!important}
 	.posts .post {width: 100%!important; margin: 0 0 20px;} 
 	.featured-insights .custom-post-slide .slide-content div.content .post-title, .active-promos .custom-promo-slide .slide-content div.content .post-title, .promos .custom-promo-slide .slide-content div.content .post-title {font-size: 24px; }
 	.certifications {padding-top: 15px;}
 	.quote {padding-top: 15px; padding-bottom: 25px; font-size: 18px; line-height: 24px}
 	.certifications .certicate-item {margin-bottom: 15px}
 	.ba-case .case article div, .ba-case .case aside .before-case, .ba-case .case aside .after-case {width: 100%;}
 	.ba-case .case aside .after-case {display: none; position: absolute; top: 0; z-index: 3;}
 	.ba-case .case aside .before-case {z-index: 1;}
 	.ba-case .case aside:hover .after-case {display: block;}
 	.ba-case .case article div h3 {font-size: 24px; line-height: 30px; text-align: center}
 	.ba-case .case article div p {text-align: center; margin-bottom: 20px;}
 	.ba-case .case article div a {position: relative;}
 	.ba-case .case article  {justify-content: center; -webkit-justify-content: center;}
 	div.related-posts button.slick-prev {left: -5px!important}
 	div.related-posts button.slick-next {right: -5px!important}
 	.article-content h1, .article-content h2 {font-size: 30px!important; line-height: 36px!important}
 	.article-content h3 {font-size: 24px!important; line-height: 30px!important}
 	div.featured-testimonials button.slick-next {right: 10px!important; left: auto!important;}
 	div.featured-testimonials button.slick-prev {left: 10px!important; }
}
@media screen and (max-width: 640px) {
	.branches-contact .branch {border-right: 0!important}
	.testimonial article {width: 100%;}
	div.ba-case .case aside {position: relative; margin-bottom: 15px;}
	div.ba-case .case aside .before-case {z-index: 1;}
	div.ba-case .case aside .after-case {z-index: 2; position: absolute; top: 0; left" 0; display: none;}
	div.ba-case .case aside:hover .after-case {display: block!important}
	div.ba-case .case article {justify-content: center; -webkit-justify-content: center;}
	div.ba-case .case article div {width: 100%;}
	div.ba-case .case article h3 {font-size: 24px; height: 30px; text-align: center; }
	div.ba-case .case article p {text-align: center;}
	div.ba-case .case article a {position: relative; }
	
	.featured-insights .custom-post-slide .slide-image, .our-locations .location aside, .promos .custom-promo-slide .slide-image {width: 100%; height: 215px!important;} 
	.featured-insights .custom-post-slide .slide-content {padding: 20px;}
	.active-promos .custom-promo-slide .slide-image, .promos .custom-promo-slide .slide-image{width: 100%;}
	.active-promos .custom-promo-slide .slide-content, .promos .custom-promo-slide .slide-content {width: 100%; padding: 20px;}
}
@media screen and (max-width: 560px) {
	.list-doctors .doctor, .list-services .service-name {width: 100%;}
}

