@media screen and (max-device-width: 2560px) and (min-device-width: 1961px) {
	.popup-banner {
    height: 1250px;
    padding: 0px;
    margin-bottom: 5%;
}
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button{
		margin-top: 0%;
	}
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button > img{
		height: 450px;
	}
	.popup-head {
    /* position: absolute; */
    z-index: 4;
    font-family: Gothic A1;
    font-weight: 700;
    font-size: 65px;
    line-height: 75px;
    letter-spacing: 0.2px;
    text-align: center;
    margin-bottom: 5%;
    margin-top: 5%;
}
	.popup-subhead {
    font-family: Gothic A1;
    font-family: 500;
    font-size: 40px;
    line-height: 57px;
    text-align: center;
    width: inherit;
    margin-top: 2%;
}
    /* 4k screen size */
	.search-result-wrapper{
		display: flex;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 30px;
		font-size: 20px;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
	}
	.search{
		top: 76%;
	}
}

@media screen and (max-device-width: 1960px) and (min-device-width: 1601px) {
    /* 1080 desktop size */
	.search-result-wrapper{
		display: flex;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 20px;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
	}
	.search-counter{
		height: 400px;
	}
	.counter-row{
		margin-top: 25px;
	}
	.search{
		top: 76%;
	}
	.card-raing{
		display:flex;
	}
}

@media screen and (max-device-width: 1600px) and (min-device-width: 1441px) {
    /* 1080 laptop size */
	.search-result-wrapper{
		display: flex;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 30px;
		font-size: 20px;
	}
	#badge-price{
		padding-top: 0px;
	}
}

@media screen and (max-device-width: 1440px) and (min-device-width: 1025px) {
    /* tablet-landscape size */
	.search-result-wrapper{
		display: flex;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 18px;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		align-items: center;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
	}
	.package-description-text p{
	font-size: 12px;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 0px;
	}
	#dynamic-price{
		font-size: 18px;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 18px;
	}
	.result-content{
		padding: 3% 2% 0 3%;
		display: flex;
		flex-direction: column;
		gap: 7px;
	}
	.counter-row{
		margin-top: 40px;
	}
	
}

@media screen and (max-device-width: 1024px) and (min-device-width: 769px) {
	#popup > iframe{
	width: 650px;
	height: 350px;
	}
	
	
    /* tablet size */
	.search-result-wrapper{
		display: flex;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 14px;
		margin: 0px;
		width: 100%;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		align-items: center;
		display: block;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
		width: 100%;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 10px;
		margin-bottom: 10px;
	}
	#dynamic-price{
		font-size: 18px;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 18px;
	}
	.result-content{
		padding: 0 0 0 3%;
	}
	.post-rating {
		display: block;
	}
	.review-count{
		font-size: 10px;	
	}
	.card-location-wrapper{
		padding-left: 0px;
	}
	.card-hospital-type{
		padding-left: 0px;
	}
	#treatment-price-basic{
		width: 90%;
		padding-left: 0px;
		justify-content: flex-start;
	}
	.counter-row{
		margin-top: 80px;
	}
	.hero-buttons{
		flex-direction: row;
	}
	#main-app-button{
		width: 35%;
	}
	.app-buttons{
		width: fit-content;
	}
}
@media screen and (max-device-width: 768px) and (min-device-width: 576px) {
	.search-counter{
		height: 380px !important;
	}
	.counter-row {
        margin-top: 55px !important;
    }
}


@media screen and (max-device-width: 768px) and (min-device-width: 527px) {
	#popup > iframe {
    width: 450px;
    height: 250px;
	}
    /* mobile-landscape size */
	.search-result-wrapper{
		display: block;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 14px;
		margin: 0px;
		width: 100%;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		align-items: center;
		display: block;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
		width: 100%;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 0px;
	}
	#dynamic-price{
		font-size: 18px;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 18px;
	}
	.result-content{
		padding: 3% 0 0 3%;
	}
	.post-rating {
		display: block;
	}
	.review-count{
		font-size: 10px;	
	}
	.card-location-wrapper{
		padding-left: 0px;
	}
	.card-hospital-type{
		padding-left: 0px;
	}
	#treatment-price-basic{
		width: 90%;
		padding-left: 0px;
		justify-content: flex-start;
	}
	#result-card-section{
		margin-top: 4%;
	}
	.hospital-badge span{
		height: 35px;
	}
	.counter-row{
		margin-top: 40px;
	}
	.hero-buttons{
		flex-direction: row;
	}
	#main-app-button{
		width: 35%;
	}
	.app-buttons{
		width: fit-content;
	}
	.counter {
    	margin-top: 9%;
	}
	.hero-custom{
		height: 50vh;
	}
	.search{
		top: 78%;
		width: 80%;
	}
	.hcpkg{
		max-width: 100%;
		width: 80%;
	}
	.form-newsletter{
		width: calc(2em* 14);
	}
	.form-newsletter button{
		width: max-content;
	}
	.search-counter{
		height: 690px;
	}
	.custom_select{
		width: 89%;
    	margin-right: 24px;
	}
	.custom_input{
		width: 89%;
	}
	.search-form{
		flex-direction: row;
	}
	#feild-bg{
		width: 15%;
	}
	#feild-bg2{
		width: 15%;
	}
	.legend {
		padding-left: 5px;
	}
	.search-button{
		width: 89% !important;
		margin-right: 24px;
	}
	.hero-custom {
        height: 500px;
    }
}

@media screen and (max-device-width: 526px) and (min-device-width: 426px) {
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button{
		margin-top: 4%;
	}
	.popup-head {
		font-size: 24px;
		line-height: 30px;
		margin-top: 10%;
	}
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button > img{
		height: 150px;
	}
	.popup-subhead {
		font-family: Gothic A1;
		font-family: 500;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		width: inherit;
		margin-top: 0%;
	}
	.discover-subhead {
    font-family: inherit;
    font-size: 16px;
    color: #ADADAD;
    text-transform: capitalize;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.2px;
    font-weight: 700;
}
	.discover-head {
    font-family: inherit;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.2px;
    font-weight: 700;
}
	.result-image{
		height: 250px;
	}
    /* mobile-landscape size */
	.search-result-wrapper{
		display: block;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 20px;
		margin: 0px;
		width: 100%;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
		width: 100%;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 0px;
	}
	#dynamic-price{
		font-size: 18px;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 18px;
	}
	.result-content{
		padding: 3% 0 0 3%;
	}
	.post-rating {
		display: flex;
	}
	.review-count{
		font-size: 10px;	
	}
	.card-location-wrapper{
		padding-left: 0px;
	}
	.card-hospital-type{
		padding-left: 0px;
	}
	#treatment-price-basic{
		width: 90%;
		padding-left: 0px;
		justify-content: flex-start;
	}
	#result-card-section{
		margin-top: 4%;
	}
	.hospital-badge span{
		height: 35px;
	}
	.reslt-card{
		display: block;
	}
	.result-image{
		width: 100%;
		border-radius: 10px 10px 0 0;
	}
	.result-content{
		width: 100%;
	}
	 /* mobile-landscape size */
	.search-result-wrapper{
		display: block;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 14px;
		margin: 0px;
		width: 100%;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
		width: 100%;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 0px;
	}
	#dynamic-price{
		font-size: 18px;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 18px;
	}
	.result-content{
		padding: 3% 0 0 3%;
	}
	.post-rating {
		display: block;
	}
	.review-count{
		font-size: 10px;	
	}
	.card-location-wrapper{
		padding-left: 0px;
	}
	.card-hospital-type{
		padding-left: 0px;
	}
	#treatment-price-basic{
		width: 90%;
		padding-left: 0px;
		justify-content: flex-end;
	}
	#result-card-section{
		margin-top: 4%;
	}
	.hospital-badge span{
		height: 35px;
	}
	.counter-row{
		margin-top: 70px;
	}
	.hero-buttons{
		flex-direction: row;
	}
	#main-app-button{
		width: 35%;
	}
	.app-buttons{
		width: fit-content;
		margin-top: 20px;
	}
	.counter {
    	margin-top: 9%;
	}
	.hero-custom{
		height: 50vh;
	}
	.search{
		top: 78%;
		width: 80%;
	}
	.hcpkg{
		max-width: 100%;
		width: 80%;
	}
	.form-newsletter{
		width: calc(2em* 14);
	}
	.form-newsletter button{
		width: max-content;
	}
	.search-counter{
		height: 690px;
	}
	.custom_select{
		width: 89%;
    	margin-right: 24px;
	}
	.custom_input{
		width: 89%;
	}
	.search-form{
		flex-direction: row;
	}
	#feild-bg{
		width: 15%;
	}
	#feild-bg2{
		width: 15%;
	}
	.legend {
		padding-left: 5px;
	}
	.search-button{
		width: 89% !important;
		margin-right: 24px;
	}
	.hero-custom {
        height: 670px;
    }
	.search {
/* 		top: 700px; */
	}
	
	.popup iframe{
		width: 500px !important;
		max-width: 100%;
		height: 300px !important;
		max-height: 100%;
	}
	
	.popup-banner {
		height: 470px;
		padding: 0px;
		margin-bottom: 5%;
	}
}
.news-para{
	width: 90%;
}

@media screen and (max-device-width: 425px) and (min-device-width: 320px) {
	.news-para{
	width: 90%;
}
	.popup-banner {
    height: 450px;
    padding: 0px;
    margin-bottom: 5%;
}
	.popup-head{
		line-height: 30px;
		margin-top: 10%;
	}
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button > img{
		height: 150px;
	}
	body > div.lakit-site-wrapper.elementor-342lakit > div.container-fluid.popup-banner > div > div > button{
		margin-top: 6%;
	}
	.popup-subhead{
		line-height: 18px;
	}
	.discover-head {
		line-height: 34px;
		font-size: 28px;
	}
	.discover-subhead {
		line-height: 20px;
		font-size: 16px;
	}
	.result-image{
		height: 250px;
	}
    /* mobile screen size */
    .search-result-wrapper{
		display: block;
		justify-content: center;
	}
	.parent-name{
		line-height: 20px;
	}
	.treatment-name{
		line-height: 20px;
		font-size: 18px;
		margin: 0px;
		width: 100%;
	}
	#badge-price{
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	#hospital-badge-wrapper{
		padding-left: 0px;
		width: 100%;
	}
	.excerpt{
		width: 95%;
		font-size: 12px;
	}
	.card-information{
		gap: 0px;
	}
	#dynamic-price{
		font-size: 20px;
		font-weight: 800;
	}
	.hospital-badge span img{
		width: 35px;
		height: 35px;
	}
	#static-price{
		line-height: 18px;
		font-size: 17px;
	}
	.result-content{
		padding: 3% 0 0 3%;
	}
	.post-rating {
		display: block;
		margin-bottom:0px;
	}
	.review-count{
		font-size: 10px;	
	}
	.card-location-wrapper{
		padding-left: 0px;
	}
	.card-hospital-type{
		padding-left: 0px;
	}
	#treatment-price-basic{
		width: 90%;
		padding-left: 0px;
		justify-content: flex-end;
	}
	#result-card-section{
		margin-top: 4%;
	}
	.hospital-badge span{
		height: 35px;
	}
	.reslt-card{
		display: block;
	}
	.result-image{
		width: 100%;
		border-radius: 10px 10px 0 0;
	}
	.result-content{
		width: 100%;
	}
	.result-content div{
		margin-bottom: 3px;
	}
	.card-hospital-type{
		height: 30px;
	}
	.card-location-wrapper{
		height: 30px;
	}
	.card-location{
		align-self: flex-end;
	}
	.rating-icon{
		margin-bottom: 0px !important;
	}
	
	.counter-row{
		margin-top: 100px;
	}
	.hero-buttons{
		flex-direction: row;
	}
	#main-app-button{
		width: 35%;
	}
	.app-buttons{
		width: fit-content;
		margin-top: 20px;
	}
	.counter {
    	margin-top: 9%;
	}
	.hero-custom{
		height: 50vh;
	}
	.search{
		top: 78%;
		width: 90%;
		padding: 15px;
		margin-top: -110px;
    	margin-bottom: -142px;
	}
	.hcpkg{
		max-width: 100%;
		width: 100%;
	}
	.form-newsletter{
		width: calc(2em* 9);
	}
	.form-newsletter button{
		width: max-content;
	}
	.search-counter{
		height: 690px;
	}
	.custom_select{
		width: 89%;
    	margin-right: 15px;
	}
	.custom_input{
		width: 89%;
	}
	.search-form{
		flex-direction: row;
	}
	#feild-bg{
		width: 15%;
	}
	#feild-bg2{
		width: 15%;
	}
	.legend {
		padding-left: 5px;
	}
	.search-button{
		width: 89% !important;
		margin-right: 15px;
	}
	.hero-custom {
        height: 670px;
    }
	.search {
/* 		top: 730px; */
	}
	#search-input {
    	margin-right: 15px;
	}
	.card-content{
		flex-direction: column;
	}
	.info-card-price{
		width: 100%;
		justify-content: center;
	}
	.info-card-button{
		width: 100%;
		justify-content: center;
	}
	
	.popup iframe{
		width: 500px !important;
		max-width: 100%;
		height: 300px !important;
		max-height: 100%;
	}
	
	.popup-subhead{
		font-size: 12px;
		font-weight: 600;
	}
	.popup-head{
		font-size: 24px;
	}
	#feild-bg{
		width: 24%;
	}
	#feild-bg2{
		width: 24%;
	}
	#suggestions{
		width: 91%;
		z-index: 5;
		background: #D3D3D3;
	}
	.suggestion-item{
		height: fit-content;
		border-bottom: 1px solid;
        padding: 10px;
	}
	.suggestion-item .suggestion-link{
		font-size: 14px;
		line-height: 16px;
	}
	.result-image img{
		width: 100%;
		border-radius: 10px 10px 0 0 !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.search-button {
		width: 45% !important;
	}
}

@media(max-width: 768px){
	.slider-title{
		font-size: 16px;
		line-height: 18px;
		font-weight: 500;
	}
	.parent-hospital{
		font-size: 14px;
	}
}
@media(max-width: 1024px){
	.slider-title{
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
}