@media (max-width: 1199px){
	.top-header::before{
		width: 260px;
	}
	.wpo-site-header .navbar-header img {
    	max-width: 60px;
	}
	.logo-text h1{
		font-size: 28px;
	}
	.logo-text h2{
		font-size: 16px;
	}
	.wpo-site-header #navbar > ul > li > a{
		font-size: 17px;
	}
	.wpo-site-header #navbar li{
		margin-right: 20px;
	}
	.wpo-site-header #navbar > ul > li > .sub-menu.head-list{
		left: -30px;
	}
	.slider-bg-s3{
		height: 450px;
	}
	.third-about .third-about-div .side-text{
		left: -137px;
	}
	.third-about .third-about-div .shape-1 img{
		height: 100px;
    	width: 100px;
	}
	.third-about .third-about-div .shape-1{
		bottom: 125px;
    	left: -25px;
	}
	.medical-tabs .medical-item .medi-tab-btn{
		width: 225px;
	}
	.medical-tabs .medical-item .medi-tab-btn .title {
    	font-size: 19px;
        line-height: 24px;
  	}
  	.first-page-counter {
    	padding-bottom: 40px;
	}
  	.book-appoint-area .shape02{
  		display: none;
  	}
  	.book-appoint-area .add-text{
  		font-size: 39px;
    	line-height: 47px;
  	}
  	.single-news .news-img .news-category li{
  		padding: 0px 20px;
  	}
  	.news-info-details .news-title{
  		font-size: 19px;
    	line-height: 26px;
    	margin-bottom: 8px;
  	}
  	.news-info-details .news-info{
  		margin-bottom: 20px;
  	}
  	.section-title-first .big-title{
  		margin-bottom: 40px;
  	}
  	.footer-data2 {
    	padding-left: 40px;
	}
	.footer-area .footer-text{
		margin-bottom: 15px;
	}
	.common-hero-area{
		padding: 50px 0;
	}
	.third-contact{
		padding: 35px;
	}
	.first-appoint-form textarea{
		height: 110px;
	}
}

@media (max-width: 991px){
	.top-header::before, .top-header-right{
		display: none;
	}
	.header-topbar{
		justify-content: center;
	}
	.topbar-left li .icon{
		font-size: 14px;
	}
	.top-header{
		padding: 8px 0;
	}
	.wpo-site-header .navbar-header img {
        max-width: 70px;
    }
	.logo-text h1{
		font-size: 30px;
		margin-top: -5px;
	}
	.logo-text h2 {
        font-size: 17px;
    }
    .wpo-site-header {
    	padding: 15px 0;
	}
	.wpo-site-header #navbar > ul > li > a{
		color: #fff;
		font-weight: 400;
	}
	.wpo-site-header #navbar > ul > li > a i{
		display: none;
	}
	.wpo-site-header #navbar li {
        margin-right: 0;
    }
    .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu a{
    	display: none;
    }
    .wpo-site-header #navbar > ul > li > .sub-menu.head-list{
    	display: none !important;
    }
    .slider-bg-s3 {
        height: 380px;
    }
    .hero-first-content .title{
    	font-size: 38px;
    	line-height: 44px;
    }
    .first-about::before{
    	display: none;
    }
    .third-about .third-about-div{
    	width: 400px;
    	margin: 0 auto 25px;
    }
    .third-about .third-about-div .shape-1{
    	bottom: 75px;
    }
    .third-about .third-about-div .third-about-img img{
    	border: 1px solid #004f5a1f;
    }
    .about-content{
    	text-align: center;
    }
    .about-content h4{
/*    	text-align: left;*/
    }
    .third-about .about-content .about-list{
    	text-align: left;
    	column-count: 2;
    	margin-bottom: 0;
    }
    .about-btn{
    	margin-top: 15px;
    }
    .space {
    	padding: 60px 0;
	}
	.medical-tabs .medical-item .medi-tab-btn {
        width: 168px;
    }
    .medical-tabs .medical-item .medi-tab-btn .title{
    	font-size: 18px;
    }
    .single-count {
    	padding: 15px 10px;
    	column-gap: 12px;
  	}
  	.single-count .counter-icon{
  		width: 63px;
  		height: 60px;
  	}
  	.single-count .counter-title p{
  		font-size: 18px;
    	line-height: 22px;
  	}
  	.book-appoint-area .add-text{
  		font-size: 34px;
        line-height: 43px;
  	}
  	.footer-data2 {
        padding-left: 0;
    }
    .footer-area .footer-text2{
    	margin-bottom: 0;
    }
    .footer-area{
    	padding-top: 55px;
    }
    .service-details-wrapper .img-div{
    	float: none;
    	margin: 0;
    	margin-bottom: 15px;
    }
    .service-list-wrapper .service-details-list .list-option a{
    	padding: 10px 14px;
    }
    .service-details-wrapper .service-name{
    	font-size: 32px;
    	line-height: 36px;
    	margin-bottom: 20px;
    	margin-top: -8px;
    }
    .attachments{
    	padding: 50px 0;
    }
    .testimoni-area2{
    	padding: 35px 0 55px;
    }
    .coming-soon h2{
    	font-size: 70px;
    	padding: 40px 0 50px;
    }
    .third-contact{
    	margin-top: 40px;
    }
    .third-contact-wrap{
    	padding: 30px;
    }
    .google-map{
    	height: 300px;
    }
}

@media (max-width: 767px){
	.topbar-left li.mail{
		display: none;
	}
	.slider-bg-s3 {
        height: 300px;
    }
    .hero-first-content .title {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .hero-first-content .subtitle{
    	font-size: 16px;
    	line-height: 24px;
    	margin-bottom: 15px;
    }
    .hero-title .icon{
    	font-size: 26px;
	    margin-right: 10px;
    }
    .hero-title .hero-section-title{
    	font-size: 17px;
    }
    .hero-first-content .hero-btn-div .hero-btn {
    	font-size: 16px;
    	padding: 6px 15px 6px 37px;
  	}
  	.about-content .section-title-first .big-title{
  		font-size: 38px;
  	}
  	.about-list li{
  		align-items: start;
  	}
  	.medical-tabs .medical-item .medi-tab-btn{
  		width: 219px;
  	}
  	.medical-tabs {
	    justify-content: center;
	    -moz-column-gap: 10px;
	         column-gap: 10px;
	    margin-top: 10px;
  	}
  	.single-content .medi-tab-content .tab-title{
  		font-size: 28px;
  	}
  	.single-content .medi-tab-content{
  		padding: 30px 25px;
  	}
  	.book-appoint-area .add-text{
  		font-size: 30px;
        line-height: 36px;
  	}
  	.book-appoint-area .button-div .theme-btn2{
  		padding: 8px 20px 8px 40px;
  	}
  	.section-title-first .big-title{
  		font-size: 38px;
  		margin-bottom: 35px;
  	}
  	.section-title-first .small-title{
  		margin-bottom: 6px;
  	}
  	.medical-service .medi-info-details{
  		padding: 20px;
  	}
  	.single-testimoni{
  		padding: 25px 20px 50px;
	    border-bottom-left-radius: 180px;
	    border-bottom-right-radius: 170px;
  	}
  	.marquee{
  		padding: 15px 0 10px;
  	}
  	.news-info-details {
    	padding: 22px;
	}
	.first-page-counter .row{
		justify-content: center;
	}
	.common-hero-area .common-hero-content .head-title{
		font-size: 44px;
    	line-height: 36px;
	}
	.common-hero-area {
        padding: 40px 0;
    }
    .service-detaisl-area .col-md-4{
    	order: 1;
    }
    .service-list-wrapper{
    	margin-top: 40px;
    }
    .single-news .news-img .news-category .category{
    	font-size: 14px;
    }
    .single-news .news-img .news-category .category-date{
    	font-size: 13px;
    	padding: 0px 13px;
    }
    .single-news .news-img .news-category li{
    	height: 35px;
    }
    .third-contact-wrap .section-title-first .big-title{
    	margin-bottom: 25px;
	}
	.third-contact {
        padding: 30px 25px;
    }
}

@media (max-width: 575px){
	.third-about .third-about-div{
		width: 260px;
	}
	.topbar-left li.head-loc{
		display: none;
	}
	.topbar-left li{
		font-size: 15px;
	}
	.head-logo{
		gap: 10px;
	}
	.wpo-site-header .navbar-header img {
        max-width: 45px;
    }
    .logo-text h1{
    	font-size: 22px;
    	margin-bottom: 2px;
    }
    .logo-text h2 {
        font-size: 15px;
    }
    .wpo-site-header .mobail-menu button{
    	width: 35px;
        height: 35px;
        padding: 4px 8px;
    }
    .hero-first-content .subtitle{
    	display: none;
    }
    .hero-s3-content{
    	text-align: center;
    }
    .hero-title, .hero-first-content .hero-btn-div{
    	justify-content: center;
    }
    .hero-first-content .title{
    	font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px;
        margin-top: 14px;
    }
    .hero-first-content .hero-btn-div .hero-btn{
    	font-size: 14px;
        padding: 3px 12px 3px 28px;
    }
    .theme-btn::before, .theme-btn2::before{
    	height: 12px;
		width: 12px;
		border: 3px solid #fff;
		left: 10px;
    }
    .hero-title .icon{
    	font-size: 18px;
        margin-right: 6px;
    }
    .hero-title .hero-section-title {
        font-size: 15px;
    }
    .slider-bg-s3 {
        height: 200px;
    }
    .active-banner .slick-dots{
    	bottom: 10px;
    }
    .wpo-site-header #navbar > ul > li > a {
        font-size: 16px;
    }
    .third-about .third-about-div .shape-1{
    	display: none;
    }
    .third-about .third-about-div .side-text h5{
    	padding: 8px 30px;
    }
    .third-about .third-about-div .side-text{
    	width: 285px;
    	top: 124px;
    	left: -124px;
    }
    .about-content .section-title-first .big-title {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .about-content h3{
    	font-size: 16px;
		line-height: 20px;
		margin-bottom: 3px;
    }
    .about-content .title-text, .about-list li .list-para, .news-info-details .news-info,
    .single-content .medi-tab-content .tab-item-list li, .footer-area .footer-text,
    .medical-service .medi-info-details .team-info, .footer-widget li a,
    .single-testimoni .testimoni-details .info, .footer-bottom .footer-copyright,
    .service-details-wrapper .service-content, .details-accordion .accordion .accordion-body p,
    .attach-data p, .third-contact .single-contact .details .option{
    	font-size: 16px;
    	line-height: 24px;
    }
    .about-content h4{
    	font-size: 20px;
    }
    .third-about .about-content .about-list{
    	column-count: 1;
    	margin-top: 7px;
    }
    .about-list li .icon{
    	height: 25px;
	    max-width: 25px;
	    line-height: 25px;
	    margin-right: 8px;
    }
    .theme-btn, .theme-btn2{
    	font-size: 16px;
    	padding: 6px 18px 6px 30px;
    }
    .about-list li{
    	margin-bottom: 7px;
    }
    .space {
        padding: 50px 0;
    }
    .medical-tabs {
        row-gap: 50px;
    }
    .medical-tabs .medical-item .medi-tab-btn {
        width: 240px;
    }
    .medical-tabs{
    	margin-bottom: 40px;
    }
    .single-content .medi-tab-content .tab-title {
        font-size: 24px;
        line-height: 30px;
    }
    .single-count{
    	margin-bottom: 20px;
    }
    .first-page-counter {
        padding-bottom: 30px;
    }
    .single-count .counter-title h3{
    	font-size: 26px;
    }
    .single-count .counter-title p {
        font-size: 16px;
    }
    .book-appoint-area .add-text {
        font-size: 22px;
        line-height: 28px;
    }
    .book-appoint-area{
    	padding: 30px 0 40px;
    }
    .book-appoint-area .button-div .theme-btn2{
    	padding: 4px 15px 4px 30px;
    }
    .section-title-first .small-title{
    	padding: 3px 12px 3px 25px;
    }
    .section-title-first .small-title::before{
    	height: 8px;
    	width: 8px;
    }
    .section-title-first .big-title{
    	font-size: 30px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .active-service .slick-list{
    	margin: 0;
    }
    .medical-service .medi-info-details .team-title{
    	font-size: 18px;
    }
    .medical-service .service-more-btn {
    	padding: 3px 12px 3px 28px;
	}
	.medical-service .theme-btn2::before {
	    height: 10px;
	    width: 10px;
	    border: 2px solid #fff;
    	left: 10px;
	}
	.single-testimoni .testimoni-details .name{
		font-size: 20px;
		margin-bottom: 0px;
	}
	.single-testimoni .testimoni-details ul li{
		font-size: 11px;
	}
	.single-testimoni .testimoni-icon{
		font-size: 34px;
	}
	.single-testimoni .testimoni-details .info{
		height: 145px;
		margin-bottom: 15px;
	}
	.single-testimoni .testimonial-img img{
		width: 60px;
    	height: 60px;
    	border: 3px solid #fff;
	}
	.single-testimoni .testimonial-img{
		bottom: -30px;
	}
	.testimoni-area .testimoni-active .slick-list {
    	padding-bottom: 50px;
	}
	.marquee span{
		font-size: 18px;
	}
	.marquee span i{
		font-size: 24px;
	}
	.marquee {
        padding: 10px 0 5px;
    }
    .news-info-details .news-info{
    	margin-bottom: 15px;
    }
    .coment-review a{
    	padding-top: 15px;
    }
    .news-info-details {
        padding: 20px;
    }
    .news-info-details .news-title{
    	font-size: 18px;
        line-height: 24px;
    }
    .footer-area {
        padding-top: 45px;
    }
    .footer-title h5{
    	font-size: 26px;
    	margin-bottom: 15px;
    }
    .footer-data {
    	padding-bottom: 30px;
	}
	.footer-widget.foot-cnt-list li i{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.footer-widget.foot-cnt-list li{
		padding-left: 40px;
	}
	.footer-bottom{
		flex-direction: column;
	}
	.footer-bottom {
        flex-direction: column;
        row-gap: 10px;
    }
    .footer-social li a{
    	width: 30px;
    	height: 30px;
    	font-size: 15px;
    }
    .footer-social li {
    	margin-right: 5px;
	}
	#scroll-button{
		width: 40px;
    	height: 40px;
    	right: 10px;
	}
	#scroll-button::after{
		font-size: 16px;
    	line-height: 40px;
	}
	.common-hero-area .common-hero-content .head-title{
		font-size: 30px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.common-hero-area .common-hero-content .camp-link li{
		font-size: 16px;
    	line-height: 25px;
	}
	.common-hero-area{
		padding: 30px 0;
	}
	.service-details-wrapper .service-name{
		font-size: 28px;
        line-height: 32px;
	}
	.service-details-wrapper .img-div{
		width: 280px;
	}
	.service-details-wrapper h4{
		font-size: 20px;
    	line-height: 26px;
	}
	.details-accordion .accordion .accordion-header .accordion-button,
	.details-accordion .accordion .accordion-header .accordion-button.collapsed{
		font-size: 17px;
		padding: 12px 20px;
	}
	.details-accordion .accordion-body{
		padding: 12px 20px;
	}
	.details-accordion .accordion .accordion-header .accordion-button::after{
		width: 15px;
	    height: 15px;
	    font-size: 15px;
	}
	.service-list-wrapper .service-details-list .list-option .details-name{
		font-size: 16px;
		line-height: 20px;
	}
	.service-details-contact{
		padding: 20px;
	}
	.service-details-contact .icon{
		height: 55px;
    	width: 55px;
    	font-size: 30px;
	}
	.service-details-contact .service-details-info{
		font-size: 17px;
    	line-height: 24px;
	}
	.attach{
		display: block;
	}
	.attach-map{
		height: 120px;
		margin-bottom: 15px;
	}
	.attach-data h2{
		font-size: 20px;
	}
	.attach-data .theme-btn2{
		padding: 4px 12px 4px 30px;
	}
	.attachments {
        padding: 45px 0;
    }
    .testimoni-area2 {
        padding: 25px 0 45px;
    }
    .testimoni-area2 .single-testimoni{
    	border-radius: 8px;
    }
    .coming-soon h2 {
        font-size: 44px;
        padding: 35px 0 45px;
    }
    .blog-area2 {
    	padding: 40px 0;
	}
	.third-contact-wrap {
        padding: 25px;
    }
    .first-appoint-form input, .first-appoint-form textarea{
    	height: 48px;
    	padding: 0 20px;
    	margin-bottom: 12px;
    }
    .first-appoint-form textarea{
    	height: 100px;
    	padding-top: 12px;
    }
    .first-appoint-form .appoint-submit{
    	height: 40px;
    	border-radius: 3px;
    	font-size: 16px;
    }
    .third-contact{
        padding: 25px 18px;
    }
    .third-contact .single-contact .icon{
    	height: 40px;
    	width: 40px;
    	font-size: 18px;
    }
    .third-contact .single-contact{
    	padding-left: 50px;
    	margin-bottom: 12px;
    }
    .third-contact .single-contact .details .option-title h6{
    	font-size: 18px;
    }
    .google-map{
    	height: 200px;
    }
}