@media screen and (max-width:567px) {
	.wrapper {
		margin: 0 10px !important;
	}



	.logo {
		border: 1px solid black;
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}


	.lt img {
		height: 90%;
	}

	.expertisemain .expertcard {
		width: 100%;
		margin: 5px 0;
	}



	.general-heading .heading {
		font-size: 20px;
	}

	.label {
		font-size: 14px;
	}

	.timing {
		flex-direction: column;
	}


	.bannermain {
		flex-direction: column;
	}

	.bannerbox {
		width: 100%;
	}


	.statbox {
		flex-direction: column;
		height: 350px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}


	.contactform {
		padding: 0;
		font-size: 14px;
		text-align: center;
	}


	.map-main {
		flex-direction: column;
	}

	.map-main .map {
		width: 100%;
	}


	.map-main .officetime {
		width: 100%;
	}
}






/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      767px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/

@media screen and (max-width:767px) {
	.wrapper {
		margin: 0 10px;
	}

	.logo {
		border: 0px solid black;
		width: 20%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.daydetail { 
		background-position: right center;
}

	.timing-detail {
		display: block;
		padding: 10px 0px;
		height: auto;
		width: auto;
		border: 0px solid var(--main);
		
		border-radius: 5px;;
	}
	.timing .clinic {
		height: auto;
		width: 100%;
	}

	.timebox {
		height: auto;
		align-items: center;
		font-size: 12px;	
		border: 0px solid red;
}


	.title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 0;
	}

	.qual {
		margin: 10px 0;
		font-size: 18px;
	}


	.bannerbtn button {
		border-radius: 5px;
		margin: 5px;
	}


	.btntxt {
		padding: 10px;
	}


	.intro {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}

	.intro .introbox {
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.lft .title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.imgsection {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.imgsection .column {
		width: 100%;
	}



	.clinic {
		width: 100%;
	}

	.footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*padding: 10px 0;*/
	}

	.footer .footerbox {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.footer .footerbox:nth-child(1) {
		height: auto;
		justify-content: space-between;
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.footer .footerbox:nth-child(2) {
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		border: 0px solid blue;
	}


	.footer .footerbox:nth-child(3) {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.footer .footerbox .links {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.footer .footerbox .contactbox {
		padding: 5px;
	}


	.diseasemain {
		flex-direction: row;
		justify-content: center;
	}
	
	.diseasemain .diseasebox {
		flex-direction: column;
		align-items: center;
	}

	.serviceboxmain .sbox {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.serviceboxmain .sbox .servicebox {
		width: 100%;
	}

	.serviceboxmain .sbox .servicebox img {
		width: 100%;
	}









	.s-category {
		display: flex;
		flex-direction: column;
	}

	.s-category:nth-child(2) {
		flex-direction: column;
	}

	.s-category .s-image {
		width: 100%;
	}

	.s-category .s-text {
		width: 100%;
	}







	.offermain {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.offermain .offerbox {
		width: 100%;
	}


	.expertisemain {
		flex-direction: column;
		align-items: center;
		padding: 0;
	
	}

	.expertisemain .expertcard {
		width: 100%;
		margin: 5px 0;
	}


	.mainbox {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.flipcard {
		width: 80%;
	}

	.contactform-box {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.appointmentform {
		width: 100%;
	}

	.contactform {
		width: 100%;
	}



	.faq-img img {
		object-position: bottom center;
	}
}













/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      991px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/


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

	
	.wrapper {
		margin: 0 60px;
	}



	.header {
		display: none;
	}

	.mob-header {
		display:block;	
	}


	.timing {
		gap: 100px;
	}


	.diseasemain .diseasebox {
		justify-content: center;
	}

	.footer.footerbox .contactbox .contacti {
		margin-right: 10px;
	}



}





/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////      1440px      ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/



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

}







/*
////////////////////////////////////////////
////////////////////////////////////////////
////////////    min 1440px   ///////////////
////////////////////////////////////////////
////////////////////////////////////////////
*/

@media screen and (min-width:1440px) {
	.faq-img img {
	object-position: bottom center;
	}
}


























/*
//////////////////////////////////////
//////////KEY FRAMES /////////////////
//////////////////////////////////////
*/



@keyframes bounce {
	20%, 50%, 80%, to{
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	70% {
		transform: translateY(-15px);
	}

	90% {
		transform: translateY(10px);
	}



}