@media screen and (max-width:1199px){
    .logo .logo-icon img {
        width: 50px;
    }
    .logo .logo-text h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .logo .logo-text h3 {
        font-size: 10px;
        line-height: 12px;
    }
    .stats-wrapper{
    	gap: 20px;
    }
    .card{
    	width: 220px;
    	height: 170px;
    }
    .inner h2 {
	    font-size: 34px;
	    line-height: 44px;
	}
	.service-content-title h2{
		font-size: 20px;
		line-height: 30px;
	}
	.timing-wrapper{
		gap: 10px;
	}
	.timing-card{
		width: 310px;
	}
	.main-menu ul ul.new{
		width: 400px;
	}
}

@media screen and (max-width:991px){
	.verticalButton{
		right: -135px;
	}
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img{
		height: 200%;
    	object-fit: cover;
	}
    .card {
        width: 250px;
        height: 200px;
    }
    .footer-links{
    	margin-top: 15px;
    }
    .service-enhance-item {
	    width: calc(50% - 25px);
	}
	.contact-info-content p:last-child{
		font-size: 13px;
		line-height: 22px;
	}
}

@media screen and (max-width:767px){
	.section-title {
        margin-bottom: 10px;
    }
    .how-work-step-item .icon-box{
    	margin-right: 20px;
    }
    .verticalButton{
		right: -90px;
	}
	.appointment-form{
		margin-top: 20px;
	}
	.tab-btn{
		padding: 5px 10px;font-size: 18px;
	}
	.tabs-wrapper{
		padding: 10px;
	}
}

@media screen and (max-width:575px){
	.hero-content .section-title h1 {
	    font-size: 26px;
	    line-height: 36px;
	}
	.about-us-content1{
		padding: 10px;
	}
	.about-us-content1 h1 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.verticalButton{
		right: 0;
		border-radius: 0;
	}
	    .timing-card {
        width: 270px;
    }
        .service-enhance-item {
        width: calc(100% - 25px);
    }
   	.service-enhance-item-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .about-experience-list ul li::before {
        font-size: 15px;
    }
    .tabs{
    	flex-direction: column;
    }
    .tab-indicator{
    	height: calc(33.333% - 6.6px);
    width: calc(100% - 16px);
background: transparent;
    }
    .tab-btn.active {
    color: var(--accent-color);
}
}