@media(min-width:320px) and (max-width:767px){
	.main-wrapper{
		overflow-x: hidden;
	}
	.site_logo {
	    height: 70px;
	}
	.header-style2__right{
	display: none;
	}
	.offcanvas-header .btn-close{
	margin-right: 10px;
	}
	.text-bg-dark {
	background-color: #007ea7 !important;
	}
	.banner-section .bg-image-lyer::before {
	    background-image: linear-gradient(270deg, #02010100 0%, #e1f8ff 50%);
	}
	.banner-content-wrapper {
	    padding-top: 70px;
	    padding-left: 20px;
	}
	.banner-content h5 {
    	font-size: 40px !important;
		margin-bottom: 0px;
    }
	.banner-content p{
		font-size: 17px;
		margin-right: 0px;
	}
    .common-sec-heading h5 {
	    font-size: 38px;
	}
	.service-header-content h5{
		font-size: 34px !important;
	}
	.about-sec-Content {
	    padding: 40px 10px;
	}
	.textcenterr{
		text-align: center;
	}
	.Why-us-section-wrapper{
		padding: 50px 20px;
	}
	.why-left-content{
		margin-right: 0px;
		margin-bottom: 40px;
	}
	.reviews-left-content {
	    padding: 0px;
	}
	.review-div-content{
		padding: 25px;
		width: 100%;
	}
	.reviews-image img{
		height: auto;
		margin-top: 30px;
		text-align: center;
	}
	.p-0 {
	    padding: 0px 12px !important;
	}
	.blogflex-direction{
		flex-direction: column-reverse;
	}
	.blog-card-content {
	    padding: 20px 0px;
	}
	
	.footer-info-wrapper img {
	    height: 100px;
	}
	.social-media-icon img {
	    height: 25px;
	}
	.about-sec-Content .d-flex{
		display: contents !important;
	}
	.about-section{
		padding-top: 400px !important;
	}
	.p-top-0{
		padding-top: 0px !important;
	}
	.about-image2 img {
		height: 330px;
	}
	/*.banner-card-wrapper {
		width: 95%;
		right: 0px;
		top: 110px;
		margin: 0px 10px;
	}
	.banner-card-wrapper:first-child {
		width: 95%;
		left: 0px;
		right: 0px;
		top: -160px;
		margin: 0px 10px;
	}*/
	.section-move{
		width: 93%;
		top: -100px;
	}
	.rating-card-content h5{
		font-size: 38px;
	}
	.bannercontent-wrappper {
		height: 50vh;
	}
	.basic-btn-style {
	    padding: 15px 20px;
	    letter-spacing: 1px;
	}
	.blog-img img{
		height: 300px;
	}
	.blog-card-wrapper{
		margin-right: 0px;
	}
	.contact-section-map{
		height: 350px;
	}
	.contact-section-map iframe{
		height: 350px;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: 40% !important;
	right: auto;
	}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: 40% !important;
	left: auto;
	}
	.floatphone {
		visibility: visible;
	}
	.float{
		right: 20px;
	}
	#backToTop{
		right: 20px;
		bottom: 150px;
	}
	.doctor_detail_content h1{
		font-size: 38px;
	}
	.about-image img{
		height: 350px;
	}
	.about-img-mobile{
		flex-direction: column-reverse;
	}
	.ti-widget , .ti-widget-container , .ti-reviews-container , .ti-reviews-container-wrapper{
		height: auto !important;
	}
	.ti-widget-container{
		width: auto !important;
	}
	.therapist-card-content, .therapist-cardd{
		height: 320px;
	}
	.therapist-image img{
		height: 400px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
	.why-left-content {
	    margin-right: 0px;
	}
	.review-div-content{
		padding: 45px;
		width: 100%;
	}
	.banner-content-wrapper {
		width: 60%;
	}
	.banner-content h5 {
    	font-size: 54px;
    }
	.banner-content p{
		font-size: 18px;
		margin-right: 0px;
	}
	.bannercontent-wrappper {
		height: 60vh;
	}
	.blogflex-direction {
		flex-direction: column-reverse;
	}
    /*.banner-card-wrapper {
		width: 45%;
		right: 20px;
		top: -280px;
		margin: 0px 10px;
	}
	.banner-card-wrapper:first-child {
		width: 45%;
		left: 0px;
		right: 0px;
		top: -280px;
		margin: 0px 10px;
	}*/
	.banner-section {
	    position: relative;
	    height: 70vh;
	}
	.banner-section .bg-image-lyer {
		height: 70vh;
	}
	.text-bg-dark {
		background-color: #007ea7 !important;
	}
	.therapist-card-content, .therapist-cardd{
		height: 320px;
	}
	.common-sec-heading h5 {
	    font-size: 38px;
	}
	.service-header-content h5{
		font-size: 34px !important;
	}
}

@media(max-width:1000px){
	.nav-link{
		color: white!important;
	}
	/*OffCanvas direction Responsive -- Css -- Start Here*/
	.flex-direction-reverse{
		flex-direction: column-reverse;
	}
	.text-bg-dark {
		background-color: #007ea7 !important;
		}
}