@media screen and (max-width:1199px){
	.hero-content .section-title h1{
		font-size: 26px;
		line-height: 36px;
	}
	.hero-content .section-title h3{
		margin-bottom: 5px;
		font-size: 10px;
    letter-spacing: 1px;
    padding: 3px;
	}
	.hero-content .section-title p{
		font-size: 14px;
		line-height: 20px;
	}
	.attach-tag{
		padding: 8px 15px;
	}
	.attach-tags{
		gap: 10px;
	}
	.review-card{
		padding: 15px;
	}
    .main-menu ul li a {
        padding: 10px 13px !important;
    }
    .tab-btn{
    	font-size: 16px;
    }
}

@media screen and (max-width:991px){
	.hero-content .section-title p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
    .hero-content .section-title h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .hero-content .section-title h4 {
	    font-size: 14px;
	    line-height: 22px;
	    margin-bottom: 5px;
	}
    .navbar {
        padding: 5px 0;
    }
    .section-title{
    	font-size: 30px;
    	line-height: 40px;
    }
    .contact-icon {
	    width: 40px;
	    height: 40px;
	}
	.contact-icon svg {
	    width: 12px;
	    height: 12px;
	}
	.contact-row{
		gap: 10px;
	}
	.contact-row-value {
	    font-size: 15px;
	}
	.footer-links h3{
		margin-top: 20px;
	}
}

@media screen and (max-width:767px){
   .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img{
   	object-fit: cover;
   }
   .spec-grid{
   	grid-template-columns: repeat(2, 1fr);
   	gap: 20px;
   }
   .hosp-grid{
   		grid-template-columns: repeat(2, 1fr);
   }
       .attach-tags {
        gap: 20px;
    }
    .why-item p:last-child{
    	margin-bottom: 20px;
    }
    .why-items {
    	 gap: 10px;
    }
    .section-label {
	    letter-spacing: 1px;
	}
	.tabs{
		flex-direction: column;
	}
	.tab-indicator{
		height: calc(80px - 16px);
    	width: calc(100% - 15px);
	}
	.tab-content li:hover {
	  transform: translateX(-4px);
	}
}

@media screen and (max-width:575px){
	.spec-grid{
	   	grid-template-columns: repeat(1, 1fr);
	   	gap: 20px;
   }
   .hosp-grid{
   		grid-template-columns: repeat(1, 1fr);
   }
   .hero.hero-bg-image, .hero.hero-bg-image.hero-slider-layout .hero-slide {
        padding: 30px 0;
    }
    .about-highlights{
    	grid-template-columns: 1fr;
    }
        .hero.hero-bg-image.hero-slider-layout .hero-paginated {
        bottom: 0px;
    }
}