@media (min-width:1920px) {

	.wrapper {
		max-width: 1720px;
	}

	.wrapper.small {
		max-width: 1640px;
	}

}

@media only screen and (max-width: 1801px) {
	:root {
		--font-size--70: 62px;
		--font-size--60: 58px;
		--font-size--45: 40px;
		--font-size--36: 33px;
		--font-size--30: 27px;
		--font-size--24: 22px;
		--font-size--22: 20px;
		--font-size--20: 18px;
		--font-size--18: 17px;
		--font-size--16: 15px;
	}

	section {
		padding: 110px 0;
	}

	.wrapper {
		width: 91%;
	}

	.wrapper.small {
		width: 88%;
	}

	.header-top {
		padding: 18px 0 15px;
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 28px;
	}

	.site-branding img {
		max-width: 190px;
	}

	.header-bottom ul.menu li:not(:last-child) {
		margin-right: 23px;
	}

	.hero-banner-wrap {
		padding: 280px 0 230px;
	}

	.hero-banner-content {
		width: 55%;
	}

	.heading-group,
	.contact-heading,
	.contact-info,
	.contact-info div:not(:last-child),
	.review {
		margin-bottom: 28px;
	}

	p {
		margin: 0 0 28px 0;
	}

	.hero-banner-content .heading {
		margin-bottom: 18px;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 15px 24px;
	}

	.about-content,
	.image-part {
		padding: 45px;
	}

	.accordian-part {
		/* width: 75%; */
		padding: 28px;
	}
.faq-list{
	width: 75%;
}
	.blog-content {
		margin-top: -90px;
	}

	.footer-top {
		padding: 0 0 90px 0;
	}

	.site-footer {
		padding: 90px 0 30px 0;
	}

	.page-banner-row {
		padding: 110px 0;
	}

	input,
	textarea,
	select {
		padding: 20px;
	}

	.page-banner-content {
		width: 55%;
	}

	.review-detail,
	.review {
		padding: 28px;
	}

	.review-detail .client-name {
		margin-left: 18px;
	}

	.review-detail:before {
		top: -8px;
	}

	.review-detail:after {
		right: -3px;
	}

	.know-us-content {
		padding: 45px;
		padding-top: 90px;
	}

	.know-us-row:before {
		width: 350px;
		height: 300px;
	}

	.experience {
		margin-left: 45px;
	}

	/* .team-right {
width: 62%;
} */
	.team-block:not(:last-child) {
		margin-bottom: 45px;
	}

	.doctor-image {
		width: 85%;
		margin: 0 auto 25px auto;
	}

	.doctor-block:not(:last-child) {
		margin-bottom: 26px;
	}

	.single-blog-wrap {
		width: 75%;
	}

	.blog-page-image .image {
		padding-top: 60%;
	}
	.deal-detail{
		padding:45px;
	}
	.service-offer-detail {
    width: 47%;
    padding: 25px;
}
	.approach-block >div{
		padding:28px;
	}
}

@media only screen and (max-width: 1601px) {
	:root {
		--font-size--70: 58px;
		--font-size--60: 55px;
		--font-size--45: 35px;
		--font-size--36: 30px;
		--font-size--30: 25px;
		--font-size--24: 20px;
		--font-size--22: 18px;
		--font-size--20: 17px;
		--font-size--18: 16px;
	}

	section {
		padding: 100px 0;
	}

	.wrapper {
		width: 92%;
	}

	.wrapper.small {
		width: 91%;
	}

	.header-top {
		padding: 16px 0 15px;
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 26px;
	}

	.site-branding img {
		max-width: 180px;
	}

	.header-bottom ul.menu li:not(:last-child) {
		margin-right: 21px;
	}

	.hero-banner-wrap {
		padding: 260px 0 210px;
	}

	.hero-banner-content {
		width: 55%;
	}

	.heading-group,
	.contact-heading,
	.contact-info,
	.contact-info div:not(:last-child),
	.review {
		margin-bottom: 26px;
	}

	p {
		margin: 0 0 26px 0;
	}

	.hero-banner-content .heading {
		margin-bottom: 16px;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 15px 22px;
	}

	.about-content,
	.image-part {
		padding: 40px;
	}

	.accordian-part {
		/* width: 80%; */
		padding: 26px;
	}
.faq-list{
	width: 80%;
}
	.blog-content {
		margin-top: -80px;
	}

	.footer-top {
		padding: 0 0 80px 0;
	}

	.copyright {
		font-size: 14px;
	}

	.site-footer {
		padding: 80px 0 30px 0;
	}

	.page-banner-row {
		padding: 100px 0;
	}

	input,
	textarea,
	select {
		padding: 15px;
	}

	.page-banner-content {
		width: 60%;
	}

	.review-detail,
	.review {
		padding: 26px;
	}

	.review-detail .client-name {
		margin-left: 16px;
	}

	.review-detail:before {
		top: -10px;
	}

	.review-detail:after {
		right: -5px;
	}

	.know-us-content {
		padding: 40px;
		padding-top: 80px;
	}

	.know-us-row:before {
		width: 300px;
		height: 250px;
	}

	.experience {
		margin-left: 40px;
	}

	/* .team-right {
width: 64%;
} */
	.team-block:not(:last-child) {
		margin-bottom: 40px;
	}

	.doctor-image {
		width: 90%;
		margin: 0 auto 20px auto;
	}

	.doctor-block:not(:last-child) {
		margin-bottom: 26px;
	}

	.single-blog-wrap {
		width: 80%;
	}

	.blog-page-image .image {
		padding-top: 70%;
	}
	.deal-detail{
		padding:40px;
	}
	.approach-block >div{
		padding:26px;
	}
}

@media only screen and (max-width: 1441px) {
	:root {
		--font-size--70: 55px;
		--font-size--60: 50px;
		--font-size--45: 30px;
		--font-size--36: 28px;
		--font-size--30: 22px;
		--font-size--24: 19px;
		--font-size--22: 17px;
		--font-size--20: 16px;
		--font-size--18: 15px;
	}

	section {
		padding: 90px 0;
	}

	.wrapper {
		width: 93%;
	}

	.wrapper.small {
		width: 93%;
	}

	.header-top {
		padding: 15px 0;
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 24px;
	}

	.site-branding img {
		max-width: 170px;
	}

	.header-bottom ul.menu li:not(:last-child) {
		margin-right: 20px;
	}

	.hero-banner-wrap {
		padding: 240px 0 190px;
	}

	.hero-banner-content {
		width: 55%;
	}

	.heading-group,
	.contact-heading,
	.contact-info,
	.contact-info div:not(:last-child),
	.review {
		margin-bottom: 24px;
	}

	p {
		margin: 0 0 24px 0;
	}

	.hero-banner-content .heading {
		margin-bottom: 14px;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 15px 20px;
	}

	.about-content,
	.image-part {
		padding: 35px;
	}

	.accordian-part {
		/* width: 85%; */
		padding: 24px;
	}
.faq-list{
	width: 85%;
}
	.blog-content {
		margin-top: -70px;
		width: 92%;
	}

	.footer-top {
		padding: 0 0 70px 0;
	}

	.site-footer {
		padding: 70px 0 30px 0;
	}

	.page-banner-row {
		padding: 90px 0;
	}

	.page-banner-content {
		width: 65%;
	}

	.review-detail,
	.review {
		padding: 24px;
	}

	.review-detail .client-name {
		margin-left: 14px;
	}

	.review-detail:before {
		top: -10px;
	}

	.review-detail:after {
		right: -5px;
	}

	.know-us-content {
		padding: 35px;
		padding-top: 70px;
	}

	.know-us-row:before {
		width: 280px;
		height: 230px;
	}

	.experience {
		margin-left: 35px;
	}

	/* .team-right {
width: 66%;
} */
	.team-block:not(:last-child) {
		margin-bottom: 35px;
	}

	.doctor-block:not(:last-child) {
		margin-bottom: 24px;
	}

	.doctor-image {
		width: 95%;
	}

	.single-blog-wrap {
		width: 85%;
	}

	.blog-page-image .image {
		padding-top: 80%;
	}
	.deal-detail{
		padding:35px;
	}
	.approach-block >div{
		padding:24px;
	}
}

@media only screen and (max-width: 1366px) {
	:root {
		--font-size--70: 52px;
		--font-size--60: 45px;
		--font-size--45: 30px;
		--font-size--36: 28px;
		--font-size--30: 22px;
		--font-size--24: 19px;
		--font-size--22: 17px;
		--font-size--20: 16px;
		--font-size--16: 15px;
	}

	section {
		padding: 80px 0;
	}

	.wrapper {
		width: 95%;
	}

	.wrapper.small {
		width: 95%;
	}

	.header-top {
		/* padding: 13px 0; */
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 22px;
	}

	.site-branding img {
		max-width: 160px;
	}

	.hero-banner-wrap {
		padding: 220px 0 170px;
	}

	.hero-banner-content {
		width: 59%;
	}

	.heading-group,
	.contact-heading,
	.contact-info,
	.contact-info div:not(:last-child),
	.review {
		margin-bottom: 22px;
	}

	p {
		margin: 0 0 22px 0;
	}

	.hero-banner-content .heading {
		margin-bottom: 12px;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 14px 18px;
		min-width: 180px;
	}

	.about-content,
	.image-part {
		padding: 30px;
	}

	.accordian-part {
		/* width: 90%; */
		padding: 22px;
	}
.faq-list{
	width:90%;
}
	.blog-content {
		margin-top: -60px;
	}

	.footer-top {
		padding: 0 0 60px 0;
	}

	.footer-block:nth-child(2)>div {
		padding: 30px;
	}

	.copyright {
		/* font-size: 13px; */
	}

	.site-footer {
		padding: 60px 0 30px 0;
	}

	.page-banner-row {
		padding: 80px 0;
	}

	.page-banner-content .big-heading {
		font-size: 30px;
	}

	.page-banner-content {
		width: 70%;
	}

	.review-detail,
	.review {
		padding: 22px;
	}

	.review-detail .client-name {
		margin-left: 12px;
	}

	.know-us-content {
		padding: 30px;
		padding-top: 60px;
	}

	.know-us-row:before {
		width: 250px;
		height: 200px;
	}

	.know-us-content .big-heading {
		font-size: 30px;
	}

	.experience {
		margin-left: 30px;
	}

	.team-right {
		width: 65%;
	}

	.team-image .image {
		padding-top: 110%;
	}

	.team-block:not(:last-child) {
		margin-bottom: 30px;
	}

	.doctor-block:not(:last-child) {
		margin-bottom: 22px;
	}

	.doctor-image {
		width: 100%;
	}

	.single-blog-wrap {
		width: 90%;
	}

	.blog-page-image .image {
		padding-top: 90%;
	}
	.deal-detail{
		padding:30px;
	}
	.service-offer-detail {
    width: 53%;
    padding: 20px;
}
	.approach-block >div{
		padding:22px;
	}
}

@media only screen and (max-width: 1200px) {
	:root {
		--font-size--70: 46px;
		--font-size--60: 43px;
		--font-size--45: 27px;
		--font-size--36: 26px;
		--font-size--30: 21px;
		--font-size--24: 20px;
		--font-size--22: 16px;
		--font-size--20: 15px;
	}

	section {
		padding: 70px 0;
	}

	.wrapper {
		width: 98%;
	}

	.wrapper.small {
		width: 97%;
	}

	.header-top {
		/* padding: 12px 0; */
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 20px;
	}

	.site-branding img {
		/* max-width: 140px; */
	}

	.hero-banner-wrap {
		padding: 190px 0 150px;
	}

	.hero-banner-content {
		width: 65%;
	}

	.heading-group,
	.contact-heading,
	.contact-info,
	.contact-info div:not(:last-child),
	.review {
		margin-bottom: 20px;
	}

	p {
		margin: 0 0 20px 0;
	}

	.hero-banner-content .heading {
		margin-bottom: 10px;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 14px 16px;
		min-width: 170px;
	}

	.about-content,
	.image-part {
		padding: 25px;
	}

	.gallery-main-block {
		width: 50%;
	}

	.accordian-part {
		/* width: 95%; */
		padding: 20px;
	}
.faq-list{
	width: 95%;
}
	.blog-content {
		margin-top: -50px;
		width: 94%;
	}

	.blog-block {
		width: 50%;
	}

	.left-part>div {
		padding: 30px;
	}

	.client-list .client-block>div {
		width: 100%;
	}

	.footer-block:nth-child(2)>div {
		padding: 30px;
	}

	.footer-block>div {
		padding: 20px;
	}

	.footer-block {
		width: 50%;
	}

	.footer-top-row {
		justify-content: center;
		align-items: normal;
	}

	.footer-block:nth-child(2) {
		margin-bottom: 30px;
		width: 70%;
		order: -1;
	}

	.footer-top {
		padding: 0 0 50px 0;
	}

	.footer-bottom-block {
		width: 50%;
	}

	.footer-bottom-block:nth-child(2) {
		order: -1;
		width: 100%;
		margin-bottom: 30px;
	}

	.site-footer {
		padding: 50px 0 30px 0;
	}

	.gallery-row {
		column-count: 2;
		break-inside: avoid;
	}

	.gallery-block {
		margin-bottom: 20px;
	}

	.page-banner-row {
		padding: 70px 0;
	}

	.page-banner-content {
		width: 75%;
	}

	.review-detail,
	.review {
		padding: 20px;
	}

	.review-detail .client-name {
		margin-left: 10px;
	}

	.know-us-content {
		padding: 25px;
		padding-top: 50px;
	}

	.know-us-row:before {
		width: 230px;
		height: 180px;
	}

	.team-image {
		width: 40%;
		margin: 0 auto;
	}

	.team-right {
		width: 80%;
		text-align: center;
	}

	.team-btn {
		margin: 0 auto;
	}

	.doctor-detail {
		justify-content: center;
	}

	.doctor-name {
		font-size: 26px;
	}

	.team-block:not(:last-child) {
		margin-bottom: 25px;
	}

	.doctor-block:not(:last-child) {
		margin-bottom: 20px;
	}

	.single-blog-wrap {
		width: 95%;
	}

	.blog-page-image .image {
		padding-top: 100%;
	}
	.deal-detail{
		padding:25px;
	}
	.service-offer-detail {
    width: 70%;
    padding: 20px 15px;
}
	.approach-block >div{
		padding:20px;
	}
}

@media only screen and (max-width: 1024px) {
	:root {
		--font-size--70: 43px;
		--font-size--60: 40px;
		--font-size--45: 25px;
		--font-size--36: 22px;
		--font-size--30: 19px;
		--font-size--24: 18px;
		--font-size--22: 16px;
	}

	section,
	section.small-padding {
		padding: 60px 0;
	}

	section.note {
		margin-top: 60px;
	}

	.wrapper {
		width: 96%;
	}

	.wrapper.small {
		width: 93%;
	}

	.header-top {
		/* padding: 10px 0; */
	}

	.contact-detail>div:not(:last-child) {
		margin-right: 18px;
	}

	.site-branding img {
		/* max-width: 140px; */
	}

	.hero-banner-wrap {
		padding: 170px 0 140px;
	}

	.hero-banner-content {
		width: 70%;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 14px;
		min-width: 160px;
	}

	.about-content,
	.image-part {
		padding: 20px;
	}

	.blog-content {
		margin-top: -40px;
		width: 96%;
	}

	.footer-block:nth-child(2) {
		width: 75%;
		margin-bottom: 25px;
	}

	.footer-bottom-block:nth-child(2) {
		margin-bottom: 25px;
	}

	.page-banner-row {
		padding: 60px 0;
	}

	.page-banner-content {
		width: 80%;
	}

	.know-us-content {
		padding: 20px;
		padding-top: 40px;
	}

	.know-us-row:before {
		width: 200px;
		height: 150px;
	}

	.team-right {
		width: 85%;
	}

	.experience {
		margin-left: 25px;
	}

	.team-block:not(:last-child) {
		margin-bottom: 20px;
	}

	.team-image {
		width: 45%;
	}

	.note-row {
		width: 75%;
	}
	.service-offer-detail {
    width: 79%;
}
}

@media only screen and (max-width: 991px) {

	section,
	section.small-padding {
		padding: 50px 0;
	}

	section.note {
		margin-top: 50px;
	}

	.wrapper.small,
	.wrapper {
		width: calc(100% - 30px);
	}

	.toggle {
		display: flex;
		flex-direction: column;
	}

	.header-bottom nav.main-navigation.active {
		pointer-events: all;
		transform: scale(1);
		filter: blur(0);
		opacity: 1;
		transition: 0.5s all ease;
	}

	.header-bottom nav.main-navigation {
		display: block;
		position: absolute;
		width: 300px;
		top: 0;
		right: -15px;
		pointer-events: none;
		transform: scale(.5);
		transition: filter .5s ease-out, transform .5s ease-out 0.5s, opacity .5s 0.5s;
		z-index: 99;
		background: var(--bg-white);
		opacity: 0;
		padding: 30px;

	}

	.header-bottom ul.menu {
		display: block;
	}

	.header-bottom ul.menu li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}

	ul.sub-menu {
		position: unset;
		transform: unset;
		transition: unset;
		opacity: unset;
		visibility: unset;
		transform-origin: unset;
		display: none;
	}

	:root {
		--font-size--70: 40px;
		--font-size--60: 37px;
		--font-size--45: 21px;
		--font-size--36: 20px;
		--font-size--30: 19px;
		--font-size--24: 18px;
		--font-size--22: 16px;
	}


	.contact-detail>div:not(:last-child) {
		margin-right: 16px;
	}

	.site-branding img {
		/* max-width: 140px; */
	}

	.hero-banner-wrap {
		padding: 150px 0;
	}

	.hero-banner-content {
		width: 54%;
	}

	.button {
		font-size: var(--font-size--18);
		/* padding: 14px; */
		min-width: 150px;
	}

	.contact-detail {
		justify-content: center;
	}

	.header-left {
		width: 100%;
	}

	.header-right {
		width: 100%;
		margin-top: 15px;
	}

	.image-part {
		width: 80%;
		margin: auto;
	}

	.image-part .image img,
	.image-part .image,
	.image-part span.animated-overlay,
	.image-part:after {
		border-radius: 0 50px;
	}

	.about-content {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.about-content,
	.image-part {
		padding: 10px;
	}

	.about-row {
		flex-direction: column-reverse;
	}

	.service-image {
		width: 200px;
		height: 200px;
	}

	.number {
		margin-right: 20px;
	}

	.left-part {
		width: 100%;
	}

	.left-part>div {
		padding: 30px 50px;
	}

	.right-part {
		width: 100%;
		text-align: center;
	}

	.right-part>div {
		padding: 50px;
	}

	.gallery-inner {
		padding: 10px;
	}

	.footer-block:nth-child(2) {
		width: 80%;
		margin-bottom: 20px;
	}

	.footer-bottom-block:nth-child(2) {
		margin-bottom: 20px;
	}

	.page-banner-row {
		padding: 50px 0;
	}

	.contact-left {
		width: 80%;
		margin: 10px auto;
		height: 350px;
	}

	.contact-right {
		width: 80%;
		margin: 10px auto 40px;
		text-align: center;
	}

	.contact-page-row {
		flex-direction: column-reverse;
	}

	.page-banner-content {
		width: 85%;
	}

	.know-us-block>div,
	.know-us-block:nth-child(even)>div {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.know-us-image {
		width: 100%;
		padding: 0;
	}

	.know-us-content {
		width: 100%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.know-us-block:not(:last-child) {
		margin-bottom: 40px;
	}

	.know-us-row:before {
		content: none;
	}

	.team-right {
		width: 95%;
	}

	.experience {
		margin-left: 20px;
	}

	.team-image {
		width: 50%;
	}

	.slick-prev {
		left: 45%;
		bottom: 0;
		top: unset;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.client-list {
		padding-bottom: 50px;
	}

	.slick-next {
		right: 45%;
		top: unset;
		bottom: 0;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.cta-row.d-flex {
		margin: -15px;
	}

	.doctor-left {
		width: 50%;
		margin: auto;
		margin-bottom: 30px;
	}

	.doctor-right {
		width: 100%;
		padding: 0 10px;
	}

	.note-row {
		width: 80%;
	}
	.deal-detail{
		padding:20px 0;
		width:100%;
	}
	.deal-image{
		width:100%;
		margin-left:-30px;
	}
	.deal-image img{
		height:500px;
	}
	.service-offer-detail {
    width: 100%;
    margin-bottom: 20px;
}

.service-offer-row {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.service-offer-image {
    width: 80%;
}

.service-offer-image img {
    width: 100%;
}

}

@media only screen and (max-width:767px) {
	:root {
		--font-size--70: 38px;
		--font-size--60: 32px;
		--font-size--45: 22px;
		/* --font-size--36: 22px;
--font-size--30: 19px;
--font-size--24: 18px;
--font-size--22: 16px; */
		/* --font-size--24: 17px; */
		--font-size--36: 19px;
	}


	.contact-detail>div:not(:last-child) {
		margin-right: 15px;
	}

	.site-branding img {
		/* max-width: 140px; */
	}

	.hero-banner-wrap {
		padding: 130px 0;
	}

	.hero-banner-content {
		width: 60%;
	}

	.button {
		font-size: var(--font-size--18);
		/* padding: 14px; */
		min-width: 140px;
	}

	.deal-block {
		width: 100%;
	}

	.gallery-main-block {
		width: 100%;
	}

	.blog-block {
		width: 100%;
	}

	.footer-block:nth-child(2) {
		width: 85%;
		margin-bottom: 15px;
	}

	.service-left {
		width: 75%;
		padding: 10px;
	}

	.service-image {
		width: 140px;
		height: 140px;
	}

	.number {
		margin-right: 8px;
	}

	.right-part>div {
		padding: 50px 40px;
	}

	.left-part>div {
		padding: 30px 40px;
	}

	.image-part {
		width: 85%;
		margin: auto;
	}

	.image-part .image img,
	.image-part .image,
	.image-part span.animated-overlay,
	.image-part:after {
		border-radius: 0 30px;
	}


	.footer-bottom-block:nth-child(2) {
		margin-bottom: 15px;
	}

	.gallery-row {
		column-count: 1;
		break-inside: avoid;
	}

	.gallery-block {
		margin-bottom: 15px;
	}


	.contact-left {
		width: 90%;
		margin: 10px auto;
		height: 300px;
	}

	.contact-right {
		width: 90%;
		margin: 10px auto 35px;
		text-align: center;
	}

	.page-banner-content {
		width: 90%;
	}

	.review-block {
		width: 100%;
	}

	.know-us-block:not(:last-child) {
		margin-bottom: 30px;
	}

	.know-us-content .big-heading {
		font-size: 28px;
	}

	.designation {
		width: 100%;
		margin-bottom: 10px;
	}

	.experience {
		width: auto;
		margin: 0 auto;
	}

	.doctor-detail {
		text-align: center;
	}

	.team-image {
		width: 55%;
	}

	.slick-prev {
		left: 43%;
		bottom: 0;
		top: unset;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.client-list {
		padding-bottom: 50px;
	}

	.slick-next {
		right: 43%;
		top: unset;
		bottom: 0;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.doctor-left {
		width: 65%;
	}

	.note-row {
		width: 85%;
	}
	    .deal-image img {
        height: 450px;
    }
	.service-offer-image {
    width: 90%;
}

	.approach-block{
		width:100%;
	}
}

@media only screen and (max-width: 640px) {
	.header-left .contact-detail>div:not(:last-child) {
		margin-right: auto;
		margin-bottom: 15px;
		width: 100%;
		margin-left: auto;
	}

	:root {
		--font-size--70: 35px;
		--font-size--60: 25px;
		--font-size--45: 20px;
		/* --font-size--36: 22px;
--font-size--30: 19px;
--font-size--24: 18px;
--font-size--22: 16px; */
		/* --font-size--24: 16px; */
	}


	.contact-detail>div:not(:last-child) {
		margin-right: 15px;
	}

	.site-branding img {
		max-width: 140px;
	}

	.hero-banner-wrap {
		padding: 100px 0;
	}

	.hero-banner-content {
		width: 76%;
	}

	.button {
		font-size: var(--font-size--18);
		padding: 12px;
		min-width: 130px;
	}

	.footer-block,
	.footer-block:nth-child(2) {
		width: 100%;
	}

	.footer-block>div {
		padding: 10px;
	}

	.service-left {
		width: 100%;
		padding: 0;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.service-image {
		width: 180px;
		height: 180px;
	}

	.accordian-part {
		/* width: 100%; */
		padding: 20px 5px;
	}
.faq-list{
	width: 100%;
}
	.right-part>div {
		padding: 50px 30px;
	}

	.left-part>div {
		padding: 30px;
	}

	.image-part {
		width: 100%;
		margin: auto;
		padding-right: 0;
	}

	.image-part .image img,
	.image-part .image,
	.image-part span.animated-overlay,
	.image-part:after {
		border-radius: 0 10px;
	}

	.footer-block:nth-child(2)>div {
		padding: 30px 20px;
	}

	.footer-bottom-block {
		width: 100%;
		text-align: center;
	}

	.copyright {
		text-align: center;
	}

	.footer-bottom-block:nth-child(2) {
		margin-bottom: 10px;
	}

	.contact-detail div p {
		font-size: 13px;
		justify-content: center;
	}

	.contact-left {
		width: 100%;
		margin: 10px auto;
		height: 250px;
	}

	.contact-right {
		width: 100%;
		margin: 10px auto 30px;
		text-align: center;
	}

	.page-banner-content {
		width: 95%;
	}

	.team-image {
		width: 60%;
	}

	.team-list {
		margin: 0 -15px;
	}

	.slick-prev {
		left: 40%;
		bottom: 0;
		top: unset;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.client-list {
		padding-bottom: 50px;
	}

	.slick-next {
		right: 40%;
		top: unset;
		bottom: 0;
		/* margin-bottom: -50px; */
		transform: unset;
	}

	.left-part>div {
		padding: 30px 20px;
	}

	.doctor-left {
		width: 75%;
	}

	.note-row {
		width: 90%;
	}
	    .deal-image img {
        height: 400px;
    }
	.service-offer-image {
    width: 100%;
}
}

@media only screen and (max-width:481px) {
	.service-content {
		width: 100%;
	}

	.service-block {
		padding: 10px;
	}

	.number {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.right-part>div {
		padding: 50px 20px;
	}

	.left-part>div {
		/* padding: 30px 20px; */
	}

	.accordion i {
		margin-left: 10px;
	}

	.footer-block:nth-child(2)>div {
		padding: 30px 10px;
	}

	.header-left .contact-detail>div:not(:last-child) {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.hero-banner-content {
		width: 100%;
		/* text-align:center; */
	}

	.grid-col:nth-child(-n+2) {
		width: 100%;
	}

	.page-banner-content {
		width: 100%;
	}

	.team-image {
		width: 100%;
	}

	.left-part>div {
		padding: 30px 10px;
	}

	.doctor-left {
		width: 100%;
	}

	.note-row {
		width: 95%;
	}
	    .deal-image img {
        height: 350px;
    }
}