@media (max-width: 1200px) and (min-width: 992px) {}

@media (max-width: 1199px){
	.wpo-site-header .navbar-header img{
    	max-width: 75px;
	}
	.logo-text h1{
		font-size: 22px;
	}
	.logo-text h2{
		font-size: 15px;
		line-height: 21px;
	}
	.head-logo{
		gap: 10px;
	}
	.wpo-site-header #navbar > ul > li > a{
		font-size: 16px;
	}
	.wpo-site-header #navbar > ul > li > a i{
		font-size: 11px;
	}
	.slider-bg-s3{
		height: 420px;
	}
	.hero-first-content .title{
		font-size: 31px;
    	line-height: 37px;
	}
	.hero-first-content .hero-btn-div .hero-btn{
		padding: 8px 20px;
	}
	.proccess-wrap .proccess-details .name{
		font-size: 18px;
	}
	.proccess-wrap .proccess-details{
		padding: 0 18px 18px;
	}
	.proccess-wrap .procces-bg .procces-count{
		top: 24px;
    	left: 80px;
	}
	.third-about .third-about-div .shape-1 img{
		height: 100px;
	    width: 100px;
	    border: 5px solid #fff;
	}
	.third-about .third-about-div .shape-1{
		bottom: -25px;
    	left: 25px;
	}
	.details-accordion .accordion .accordion-header .accordion-button,
	.details-accordion .accordion .accordion-header .accordion-button.collapsed{
		font-size: 17px;
		padding: 13px 20px;
	}
	.details-accordion .accordion-body{
		padding: 15px 20px;
	}
	.blog-review{
		padding: 30px 30px 30px 62px;
	}
	.first-about-left{
		width: 400px;
		margin: 0 25px 25px 0;
	}
	.common-hero-area .common-hero-content .head-title{
		font-size: 44px;
	}
	.common-hero-area{
		padding: 50px 0;
	}
	.medical-service .medi-info-details .team-title{
		font-size: 19px;
		margin-bottom: 6px;
	}
	.third-contact .single-contact .details .option-title h6{
		font-size: 21px;
	}
}	

@media (max-width: 991px){
	.topbar-left li{
		font-size: 16px;
	}
	.top-header::before{
		width: 36%;
	}
	.logo-text h1 {
        font-size: 24px;
    }
    .wpo-site-header #navbar > ul > li > a i{
    	display: none;
    }
    .slider-bg-s3{
    	height: 320px;
    }
    .hero-s3-content{
    	padding-right: 0;
    	width: 360px;
    }
    .hero-first-content .title{
    	font-size: 22px;
        line-height: 28px;
        margin-bottom: 6px;
    }
    .hero-title .icon{
    	font-size: 23px;
    	margin-right: 6px;
    }
    .hero-title .hero-section-title{
    	font-size: 16px;
    }
    .hero-first-content .subtitle{
    	font-size: 15px;
    	line-height: 23px;
    	padding-right: 10px;
    	margin-bottom: 12px;
    }
    .hero-first-content .hero-btn-div .hero-btn{
    	padding: 4px 12px;
    	font-size: 15px;
    }
    .active-banner .slick-dots{
    	bottom: 20px;
    }
    .service-third-single{
    	padding: 22px 22px 22px 0;
    }
    .service-third-single .icon{
    	margin-right: 15px;
    	font-size: 24px;
    }
    .service-third-single .information .title{
    	font-size: 18px;
    }
    .section-title-first .big-title{
    	font-size: 36px;
    	margin-bottom: 35px;
    }
    .proccess-wrap .procces-bg .procces-count{
    	top: 40px;
    }
    .third-about .third-about-div, .first-about-left{
    	width: 380px;
    	margin: 0 auto 35px;
    	float: none;
    }
    .third-about .third-about-div .shape-1 img{
    	height: 90px;
        width: 90px;
    }
    .third-about .third-about-div .shape-1{
    	bottom: -20px;
        left: 35px;
    }
    .third-about .about-content{
    	text-align: center;
    }
    .about-content .section-title-first .big-title{
    	font-size: 34px;
    }
    .faq-section{
    	text-align: center;
    }
    .details-accordion .accordion .accordion-body p{
    	text-align: left;
    }
    .faq-section img{
    	margin-top: 30px;
    }
    .blog-review .down-quote {
    	width: 105px;
    	height: 105px;
  	}
  	.blog-review .down-quote img{
  		width: 32px;
  	}
  	.footer-title h5{
  		font-size: 27px;
  	}
  	.proccess-wrap .procces-img img{
  		width: 150px;
  	}
  	.proccess-wrap .procces-img{
  		width: 150px;
  	}
  	.proccess-wrap{
  		min-height: auto;
  	}
  	.proccess-wrap .proccess-details .theme-btn2 {
    	padding: 3px 13px;
	}
	.common-hero-area .common-hero-content .head-title {
        font-size: 40px;
        line-height: 42px;
    }
    .common-hero-area .common-hero-content .camp-link li{
    	font-size: 18px;
    }
    .common-hero-area{
    	padding: 38px 0;
    }
    .service-list-wrapper .service-details-list .list-option a{
    	padding: 12px 15px;
    }
    .service-list-wrapper .service-details-list .list-option .details-name{
    	line-height: 22px;
    }
    .service-details-wrapper{
    	padding: 20px;
    }
    .service-details-wrapper .service-name{
    	font-size: 25px;
    	line-height: 33px;
    }
    .service-details-wrapper h4{
    	font-size: 21px;
    	margin-bottom: 6px;
    }
    .medical-service-area{
    	padding: 55px 0;
    }
    .third-contact{
    	height: auto;
    	padding: 27px;
    	margin-bottom: 25px
    }
    .third-contact-wrap .section-title-first .big-title{
    	font-size: 40px;
    }
}

@media (max-width: 767px){
	.header-topbar .top-header-right, .top-header::before, .hero-first-content .subtitle{
		display: none;
	}
	.header-topbar{
		justify-content: space-around;
	}
	.slider-bg-s3 {
        height: 250px;
    }
    .hero-s3-content{
    	width: 270px;
    }
    .hero-first-content .title{
    	font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
        margin-top: 16px;
    }
    .space{
    	padding: 60px 0;
    }
    .service-third-single{
    	margin-bottom: 15px;
    }
    .service-third-single .icon{
    	flex-basis: 12%;
    	height: 50px;
    }
    .section-title-first .big-title{
    	font-size: 32px;
        margin-bottom: 30px;
    }
    .proccess-wrap .procces-img img, .proccess-wrap .procces-img{
    	width: 130px;
    }
    .proccess-wrap .procces-bg .procces-count{
    	height: 35px;
    	width: 35px;
    	font-size: 16px;
    	left: 60px;
    	top: 30px;
    }
    .proccess-wrap .proccess-details .info, .about-content .title-text,
    .details-accordion .accordion .accordion-body p, .blog-review .review-text,
    .footer-area .footer-text, .service-details-wrapper .service-content,
    .about-list li .list-para, .medical-service .medi-info-details .team-info,
    .third-contact .single-contact .details .option{
    	font-size: 15px;
    	line-height: 24px;
    }
    .proccess-wrap .proccess-details{
    	padding: 0 10px 15px;
    }
    .theme-btn, .theme-btn2{
    	font-size: 15px;
    	padding: 6px 14px;
    }
    .working-proccess-area .working-process-active .slick-dots button{
    	height: 6px;
    }
    .third-about .third-about-div .side-text h5{
    	padding: 12px 5px 12px 15px;
    	font-size: 16px;
    }
    .third-about .third-about-div .side-text{
    	width: 245px;
    }
    .third-about .third-about-div .shape-1 img{
    	height: 80px;
        width: 80px;
    }
    .third-about .third-about-div .shape-1{
    	bottom: -18px;
        left: 75px;
    }
    .about-content .section-title-first .big-title{
    	font-size: 32px;
    }
    .about-content h3{
    	font-size: 17px;
    }
    .marquee span{
    	font-size: 20px;
    }
    .marquee span i{
    	font-size: 22px;
    }
    .marquee {
    	padding: 12px 0 3px;
    }
    .blog-review .reviewer-box .reviewer-img{
    	width: 45px;
    }
    .blog-review .reviewer-box .reviewr-info .reviewing-start{
    	font-size: 17px;
    }
    .footer-title h5 {
        font-size: 25px;
    }
    .footer-area{
    	padding-top: 60px;
    }
    .footer-data {
    	padding-bottom: 30px;
	}
	.footer-widget li a, .footer-widget.foot-list li,
	.footer-widget.foot-cnt-list li, .footer-bottom .footer-copyright{
		font-size: 15px;
		line-height: 22px;
	}
	.footer-widget.foot-list li, .footer-widget.foot-cnt-list li{
		line-height: 22px;
	}
	.footer-widget.foot-cnt-list li{
		padding-left: 45px;
	}
	.footer-widget.foot-cnt-list li i{
		width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.footer-social li a{
		font-size: 14px;
		width: 32px;
    	height: 32px;
	}
	#scroll-button{
		width: 45px;
    	height: 45px;
    	bottom: 40px;
    	right: 15px;
	}
	#scroll-button::after{
		font-size: 18px;
    	line-height: 45px;
	}
	.service-list-wrapper{
		margin-top: 30px;
	}
	.coming-soon h2{
		font-size: 54px;
		padding: 50px 0;
	}
	.third-contact-wrap .section-title-first .big-title{
		font-size: 36px;
	}
	.common-hero-area .common-hero-content .head-title{
		font-size: 36px;
	}
}

@media (max-width: 575px){
	.topbar-left li.insta{
		display: none;
	}
	.topbar-left li{
		padding: 6px 0;
		margin-right: 0;
		border: 0;
	}
	.wpo-site-header .navbar-header img{
		width: 60px;
	}
	.logo-text h1 {
        font-size: 18px;
    }
    .logo-text h2 {
        font-size: 13px;
        line-height: 17px;
    }
    .third-about .third-about-div, .first-about-left{
    	width: 280px;
    }
    .first-about::before{
    	width: 100%;
    }
    .wpo-site-header .mobail-menu button{
    	width: 35px;
        height: 34px;
        padding: 5px 8px;
    }
    .slider-bg-s3 {
        height: 160px;
    }
    .hero-s3-content {
        width: 160px;
    }
    .hero-first-content .title{
    	font-size: 15px;
        line-height: 19px;
        margin-bottom: 8px;
        margin-top: 16px;
    }
    .hero-title .icon{
    	font-size: 13px;
    }
    .hero-title .hero-section-title {
        font-size: 12px;
    }
    .hero-first-content .hero-btn-div .hero-btn {
        padding: 2px 7px;
        font-size: 12px;
    }
    .active-banner .slick-dots {
        bottom: 5px;
    }
    .active-banner .slick-dots .slick-active button{
    	width: 22px;
    }
    .active-banner .slick-dots button{
    	width: 18px;
    	margin: 0 3px;
    }
    .space {
        padding: 50px 0;
    }
    .service-third-single .information .title {
        font-size: 16px;
    }
    .service-third-single{
    	padding: 16px 16px 16px 0;
    }
    .section-title-first .big-title{
    	font-size: 27px;
        line-height: 30px;
    }
    .section-title-first .small-title{
    	font-size: 13px;
    }
    .proccess-wrap{
    	width: 280px;
    	margin: 0 auto 40px;
    }
    .proccess-wrap .procces-bg .procces-count{
    	left: 80px;
    }
    .proccess-wrap .proccess-details{
    	padding: 0 7px 15px;
    }
    .proccess-wrap .proccess-details .name{
    	font-size: 17px;
    }
    .proccess-wrap .proccess-details .theme-btn2{
    	padding: 2px 11px;
    }
    .working-proccess-area .working-process-active .slick-dots button,
    .testimoni-area .testimoni-active .slick-dots button{
    	height: 5px;
    	margin: 0 4px;
    }
    .working-proccess-area .working-process-active .slick-dots .slick-active button,
    .testimoni-area .testimoni-active .slick-dots .slick-active button{
    	width: 20px;
    }
    .third-about .third-about-div .shape-1 img{
    	height: 70px;
        width: 70px;
        border: 4px solid #fff;
    }
    .third-about .third-about-div .side-text{
    	width: 200px;
    }
    .third-about .third-about-div .side-text h5{
    	padding: 8px 8px 8px 15px;
    	font-size: 15px;
    }
    .third-about .third-about-div .shape-1{
    	left: 25px;
    }
    .about-content .section-title-first .big-title{
    	font-size: 24px;
    	margin-bottom: 4px;
    }
    .about-content h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .blog-review .blog-quote{
    	font-size: 24px;
    }
    .blog-review{
    	padding: 25px 25px 25px 55px;
    }
    .blog-review .review-text{
    	margin-bottom: 15px;
    }
    .blog-review .down-quote{
    	width: 90px;
        height: 90px;
        border: 4px solid #fff;
    }
    .blog-review .down-quote img{
    	max-width: 25px;
	    margin-top: -16px;
	    margin-left: -12px;
    }
    .blog-review .reviewer-box .reviewer-img{
    	width: 40px;
    	margin-right: 10px;
    }
    .blog-review .reviewer-box .reviewr-info .name {
        font-size: 17px;
    }
    .blog-review .reviewer-box .reviewr-info .reviewing-start {
        font-size: 15px;
    }
    .footer-social li a{
        font-size: 11px;
        width: 25px;
        height: 25px;
    }
    .footer-social li {
    	margin-right: 3px;
	}
	.common-hero-area .common-hero-content .head-title{
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 4px;
	}
	.common-hero-area .common-hero-content .camp-link li {
        font-size: 15px;
    }
    .common-hero-area {
        padding: 32px 0;
    }
    .service-details-wrapper .service-name {
        font-size: 22px;
        line-height: 26px;
    }
    .service-details-wrapper h4{
    	font-size: 18px;
    }
    .medical-service-area, .testimoni-area2, .gallery {
        padding: 40px 0;
    }
    .medical-service .medi-info-details{
    	padding: 15px;
    }
    .footer-title h5 {
        font-size: 23px;
        margin-bottom: 12px;
    }
    .footer-area {
        padding-top: 50px;
    }
    .coming-soon h2{
    	font-size: 40px;
        padding: 40px 0;
    }
    .third-contact .single-contact .icon{
    	width: 50px;
    	height: 50px;
    	font-size: 22px;
    }
    .third-contact{
    	padding: 20px;
        margin-bottom: 20px;
    }
    .third-contact .single-contact .details .option-title h6{
    	font-size: 19px;
    }
    .third-contact-wrap{
    	margin-top: 25px;
    	padding: 25px 20px;
    }
    .third-contact-wrap .section-title-first .big-title{
    	font-size: 28px;
    }
    .first-appoint-form input, .first-appoint-form textarea{
    	height: 45px;
    	padding: 0 15px;
    	margin-bottom: 10px;
    }
    .first-appoint-form textarea{
    	height: 100px;
    	padding-top: 12px;
    }
    ::placeholder{
    	font-size: 14px;
    }
    .first-appoint-form .appoint-submit{
    	font-size: 16px;
    	padding: 5px 15px;
    }
}