@media screen and (max-width:1199px){
	.menu-style2 > ul > li > a {
	    padding: 5px 11px 5px 11px;
	}
	.vs-mobile-menu > ul {
	    padding: 0 10px;
	}
	.adv-wrap{
		gap: 10px;
	}
	.appt-wrap{
		gap: 25px;
	}
	.blog-card-five::before{
		height: 470px;
	}
	.header-links a{
		    font-size: 14px;
	}
	.header-links.style3 i{
		width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	}
	h2.sec-title{
		font-size: 30px;
    	line-height: 40px;
	}
	.spec-head {
    	padding: 20px 15px 10px;
	}
	.spec-grid{
		gap: 10px;
	}
	.appt-card{
		padding: 20px;
	}
}


@media screen and (max-width:991px){
	.adv-wrap, .timing-wrap{
		display: block;
	}
	.breadcumb-wrapper {
        padding-top: 30px;
    }
        .breadcumb-title {
        font-size: 28px;
    }
}

@media screen and (max-width:767px){
	    .header-links a {
        font-size: 12px;
    }
    .header-links li span {
	    font-size: 10px;
	    line-height: 20px;
	    margin-bottom: 2px;
	}
	.spec-grid, .doc-wrap{
		display: block;
	}
	.spec-card{
		margin-bottom: 10px;
	}
	    .blog-card-five::before {
        height: 500px;
    }
     .map-link {
     	max-width: 100%;
     }
     .blog-details .blog-single .blog-img{
     	border-radius: 0;
     }
}

@media screen and (max-width:575px){
	.timing-cards, .adv-grid, .appt-wrap, .why-grid	{
		display: block;
	}
	.t-card, .adv-card, .why-card{
		margin-bottom: 10px;
	}
	.appt-btns{
		display: block;
		margin-bottom: 10px;
	}
	.header-links ul li .d-flex{
		text-align: center;
	}
	.header-logo {
    	max-width: 250px;
	}
	.header-top {
		margin-bottom: 10px;
	}
}