/*************
Hash CSS Start
**************/

@media(max-width: 767px){
	.navbar-content{
		margin-right: auto;
	}
	.navbar-brand img.logo {
		max-width: 120px;
	}
	.navbar-collapse{
        position: absolute;
        z-index: 999;
        width: 100%;
        right: 0;
        top: 90px;
        background-color: #fff;
        border-top: 1px solid #952219;
        padding: 20px;
    }
	.navbar-nav {
		gap: 10px;
	}
    .navbar-nav .menu-item.current-menu-item a::after, .navbar-nav .menu-item:hover a::after {
        content: none;
    }
	.hero-sec{
		padding: 40px 0 80px;
	}
	.hero-content .title{
		text-align: center;
		font-size: 36px;
		line-height: 44px;
	}
	.hero-content .desc{
		text-align: center;
	}
	.hero-content .desc br{
		display: none;
	}
	.hero-content > .global-btn{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.banner-video-wrapper iframe{
		max-height: 270px;
		border-radius: 20px;
	}
	.number-sec .number-box{
		margin-bottom: 30px;
	}
	.number-sec {
		padding-bottom: 40px;
	}
	.imagine-title{
		position: relative;
		top: unset;
		left: unset;
		width: 100%;
		margin-bottom: 60px;
		font-size: 40px;
		line-height: 46px;
	}
	.imagine-sec{
		padding-top: 0px;
	}
	.imagine-list .list-item{
		width: 116px;
    	height: 116px;
	}
	.imagine-list .list-item{
		top: 18%;
		left: unset;
		right: 37%;
	}
	.imagine-list .list-item:nth-child(2) {
		top: 27%;
		left: unset;
		right: 65%;
	}
	.imagine-list .list-item:nth-child(3) {
		top: 52%;
		left: unset;
		right: 72%;
	}
	.imagine-list .list-item:nth-child(4) {
		top: 76%;
		left: unset;
		right: 61%;
	}
	.imagine-list .list-item:nth-child(5) {
		top: 75%;
		left: unset;
		right: 67%;
	}
	.imagine-list .list-item .list-content > p{
		font-size: 12px;
		line-height: 13px;
	}
	.imagine-list .list-item .list-content > img{
		max-height: 24px;
	}
	.patient-recommend-slider .slick-next{
		right: 0;
	}
	.patient-recommend-slider .slick-prev{
		left: 0;
	}
	.patient-recommend-slider .slick-arrow{
		width: 46px;
		height: 46px;
	}
	.contact-form-content.hash > h2 br {
		display: none;
	}
	.content-form.bg-dark-pirmary-color{
		padding: 20px 10px !important;
	}
	.our-process-sec {
		padding: 40px 16px 40px;
	}
	.our-process-sec h2.title{
		margin-bottom: 25px;
		font-size: 26px;
		line-height: 30px;
	}
	.hash-process-box::after {
		left: 50%;
		top: unset;
		bottom: -38px;
		transform: translateX(-50%) rotate(270deg);
	}
	.process-row > .col-12{
		margin-bottom: 50px;
	}
	.process-row > .col-12:last-child{
		margin-bottom: 0px;
	}
	.hash-process-box {
		margin: 0 0px 20px;
		padding: 0 16px 16px;
	}
	.who-suitable-sec{
		padding: 40px 0;
	}
	.who-img{
		margin-bottom: 20px;
	}
	.who-col-content h2.title {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 20px !important;
	}
	.who-list{
		margin-bottom: 30px;
	}
	.who-col-content{
		margin-bottom: 0px;
	}
	.patient-recommend-sec{
		padding: 40px 0;
	}
	.patient-recommend-box > img{
		max-width: 36px;
	}
	.patient-recommend-box {
		padding: 16px 13px 16px;
	}
	.content-form-wrap .col-12{
		width: 100%;
	}
	.content-form-wrap.w-75{
		max-width: 100%;
		width: 100% !important;
	}
	.who-col-content .global-btn {
		width: 100%;
	}
	.contact-form-content.hash > h2, .diagnostic-method-sec h2.title, .our-staff-wrap h2, .review-sec h2.title, .faq-sec h2.title, .patient-recommend-sec h2.title{
		font-size: 26px;
		line-height: 30px;
    	margin-bottom: 10px;
	}
.modal-body > iframe{
    height: 230px;
}

	/**** Our staff css start ****/
	.our-staff-wrap{
        width: 100% !important;
    }
    .our-staff{
        padding: 40px 0 !important;
    }
    .avatar img{
        margin: 0 auto;
    }
    .our-staff .container{
        margin-top:0px !important;
    }
	.our-staff-slider .slick-slide{
		padding-top: 10px;
	}

	/**** Review section css start ****/
	.review-sec{
		padding: 40px 0;
	}
	.review-area .desc{
		margin-bottom: 20px;
	}
	.review-area .quote-icon{
		margin-bottom: 16px;
	}
	.review-row .col-12{
		margin-bottom: 35px;
	}
	.review-row .col-12:last-child{
		margin-bottom: 0px;
	}

	/**** FAQ css start ****/
	.faq-sec{
		padding-bottom: 40px;
	}
	.faq-sec h2.title{
		margin-bottom: 20px;
	}
	.faq-accordion .accordion-header button{
		padding-left: 36px;
	}
	.faq-accordion .accordion-button::after{
		top: 22px;
  		left: 10px;
	}
	.accordion-button:not(.collapsed)::after {
		top: 10px !important;
	}

	/**** Intrgrative css start ****/
	.intrgrative-sec{
		padding: 40px 0;
		background-position: right center;
	}
	.intrgrative-sec h2.title{
		font-size: 20px;
  		line-height: 28px;
		margin-bottom: 30px;
	}
	.intrgrative-sec h2.title br{
		display: none;
	}
	.intrgrative-sec h2.title strong{
		font-weight: 500;
	}
	.intrgrative-sec .area-col .title{
		margin-bottom: 0px;
	}
	.integrative-slider{
		max-width: 86%;
	}
	.integrative-slider .area-col{
		padding: 30px 20px;
	}
	.integrative-slider .slick-slide .area-box .desc{
		text-align: center;
	}
	.integrative-slider .area-col.scientific-col::before {
		top: unset;
		bottom: -49px;
		left: 50%;
		transform: translateX(-50%) rotate(270deg);
	}
	.integrative-slider .area-col.scientific-col{
		border-radius: 16px 16px 0 0;
	}
	.integrative-slider .area-col.implement-col{
		border-radius: 0 0 16px 16px ;
		padding-top: 40px;
	}

	/**** Footer css start ****/
	.footer-form {
		max-width: 100%;
	}
	.footer-form .content-form-wrap {
		max-width: 100%;
	}
	.footer-title{
		text-align: start;
	}
	.modal-content{
		margin: 0 20px 0 10px;
	}
	.process-modal-dialog {
		max-width: 100%;
	}

	/**** Privacy css start ****/
	.privacy-link-wrapper{
		margin-bottom: 30px;
		justify-content: center;
	}
	.privacy-link-wrapper{
		gap: 20px;
	}
	.privacy-banner {
		min-height: 180px;
		padding: 0 16px;
	}
	.privacy-content .page-content {
		padding: 40px 6px;
	}
	.privacy-content .page-content table tr td:nth-child(2n+1) {
		width: 120px !important;
	}
	.privacy-content .page-content :where(h2, h3) {
		margin-bottom: 14px;
	}
	.privacy-banner h1 {
		font-size: 38px;
	}
}

@media(max-width: 600px){
	.footer-contact-2{
		order: 2;
	}
	.footer-contact-1{
		order: 1;
		margin-bottom: 30px;
	}
	.privacy-link-wrapper {
		margin-bottom: 0px !important;
	}
}

@media(max-width: 400px){
	.custom-dis-process-list{
		padding-right: 15px;
	}
	.process-body{
		padding: 15px;
	}
	.method-modal-content .process-body {
		padding: 15px !important;
	}
	.imagine-list .list-item {
		top: 16%;
		left: unset;
		right: 13%;
	}
	.imagine-list .list-item:nth-child(2) {
		top: 26%;
		left: unset;
		right: 48%;
	}
	.imagine-list .list-item:nth-child(3) {
		top: 45%;
		left: unset;
		right: 71%;
	}
	.imagine-list .list-item:nth-child(4) {
		top: 65%;
		left: unset;
		right: 71%;
	}
	.imagine-list .list-item:nth-child(5) {
		top: 82%;
		left: unset;
		right: 53%;
	}
	.imagine-list .list-item .list-content > p {
		font-size: 11px;
		line-height: 12px;
	}
	.imagine-list .list-item .list-content > img {
		max-height: 18px;
	}
	.imagine-list .list-item {
		width: 106px;
		height: 106px;
	}
}