@media (max-width:480px) {
.header-logo img {
    position: relative;
    width: 97px;
    margin-top: 0;
    padding: 0px;
    background: #fff;
    border-radius: 8px;
}
.aboutsection {
    padding-top: 45px;
    background: #fff;
}
    .sub-title {
        margin-bottom: 0px;
    }
.title-area .sec-title {
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: uppercase;
    color: #66107a;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-prev {
    left: 0;
}
.header-layout2 .logo-bg {
        height: auto;
    }	
	.th-mobile-menu {
    overflow-y: scroll;
    max-height: calc(100vh - 200px);
    padding-bottom: 40px;
    margin-top: 24px;
    text-align: left;
}
.th-mobile-menu > ul {
    padding: 0 20px;
}
.th-menu-wrapper .mobile-logo img{
	width:150px;
}
.mb-30 {
    margin-bottom: 20px;
}
.mt-35 {
    margin-top: 17px;
}
.th-counterup .content .counter {
        margin-top: 7px;
        font-size: 40px;
    }
	    .th-counterup .content .counter-card_text {
        font-size: 16px;
        line-height: 20px;
    }
	.countersec {
    background: url(../images/counter.jpg);
    padding-top: 28px;
    padding-bottom: 30px;
}
.service-item.style2 {
    margin-bottom: 0px;
}
.tetimonilsec {
    background: #f9f3f0;
    padding: 60px 0;
}
.book {
    padding: 70px 0;
}
.appoinment-image {
        margin-top: 0;
    }
	.footer-widget {
    margin-bottom: 30px;
}
.footer-widget .widget_title {
    position: relative;
    border: none;
    font-family: var(--title-font);
    font-size: 24px;
}
.footer-wrapper .widget-area {
        padding-top: var(--section-space-mobile);
        padding-bottom: 0;
    }
	.header-layout2 .sticky-wrapper.sticky .logo-bg {
        height: 84px;
    }
	.service-item.style2 .service-item_text {
    margin-bottom: -0.3rem;
    height: auto;
}
.img-box7 .img2 {
    position: absolute;
    top: 0;
    right:-67px;
}
.img-box7 {
        margin-top: 0px;
    }
}

@media (max-width:1024px) {
.header-logo img {
    position: relative;
    width: 160px;
    margin-top: 0;
    padding: 6px;
    background: #fff;
    border-radius: 8px;
}
.main-menu > ul > li {
        margin: 0px 4px;
    }	
	.main-menu a {
    font-size: 14px;
}
.service-item.style2 .service-item_text {
    margin-bottom: -0.3rem;
    height: 200px;
}
}