@media (max-width:991px){
	
	.navbar-toggler{background:#fff;}
	.carousel-control-next-icon, .carousel-control-prev-icon{width:1rem!important;height:1rem!important;}
	.carousel-control-prev-icon, .carousel-control-next-icon{padding:8px!important;}
	#about-siddhartha h2{font-size:22px;}
	#about-prekshita h2{font-size:22px;}
	.appointment-section{padding:30px 0;text-align:center;}
	.appointment-section h2{font-size:24px;}
	.appointment-section .btn{width:100%;margin:10px 0;}
	/* .contact-box{text-align:center;} */
	/* .contact-item{text-align:center;width:100%;display:block;} */
	.footer .row>div{margin:10px 0!important;}
	.footer hr{margin:0px;}
	.testimonial-card p{font-size:14px;text-align:justify;}
	.navbar-nav{padding-top:0px;text-align:left!important;}
	.navbar-nav .nav-link, .navbar-nav .nav-link.active{color:#282828;margin:0px!important;}
	.navbar-collapse1{padding:10px!important;}
	.header_main{padding:30px 0;}
	.head_title h1{font-size:26px;}
	.review-section h2 {font-size: 22px;}
	.contact-box, .appointment-form{margin-bottom:0px;}
	
	.custom-navbar .navbar-nav .nav-link{color:#282828;}
	
}
@media (max-width:480px){
	.top-header .btn, .contact-link{display:none;}
	.navbar-toggler{background:#fff;}
	.carousel-control-next-icon, .carousel-control-prev-icon{width:1rem!important;height:1rem!important;}
	.carousel-control-prev-icon, .carousel-control-next-icon{padding:8px!important;}
	#about-siddhartha h2{font-size:22px;}
	#about-prekshita h2{font-size:22px;}
	.appointment-section{padding:30px 0;text-align:center;}
	.appointment-section h2{font-size:24px;}
	.appointment-section .btn{width:100%;margin:10px 0;}
	.contact-box{text-align:center;}
	.contact-item{text-align:center;width:100%;display:block;}
	.footer .row>div{margin:10px 0!important;}
	.footer hr{margin:0px;}
	.testimonial-card p{font-size:14px;text-align:justify;}
	.navbar-nav{padding-top:0px;text-align:left!important;}
	.navbar-nav .nav-link, .navbar-nav .nav-link.active{color:#282828;margin:0px!important;}
	.navbar-collapse1{padding:10px!important;}
	.header_main{padding:30px 0;}
	.head_title h1{font-size:26px;}
	.review-section h2 {font-size: 22px;}
	.contact-box, .appointment-form{margin-bottom:0px;}
	
	.custom-navbar .navbar-nav .nav-link{color:#282828;}
	
}


/*=========================================
            LARGE DESKTOP
=========================================*/

@media (min-width:1400px){

.collapse:not(.show) {
    /* display: none; */
}
.navbar-collapse1{
	Display:block!important;
}
.container{
    max-width:1320px;
}

.hero-img{
    /* height:760px; */
}

.carousel-caption{
    bottom:20%;
}

.carousel-caption h1{
    font-size:72px;
}

.carousel-caption p{
    font-size:20px;
}

.section-title{
    font-size:50px;
}

.doctor-card img{
    height:500px;
}

.service-card{
    padding:45px 35px;
}

.counter-item h2{
    font-size:70px;
}

.footer{
    padding-top:90px;
    padding-bottom:30px;
}

}



/*=========================================
            DESKTOP
=========================================*/

@media (max-width:1399px){

.container{
    max-width:1140px;
}

.hero-img{
    /* height:680px; */
}

.carousel-caption{
    bottom:18%;
}

.carousel-caption h1{
    font-size:58px;
}

.carousel-caption p{
    font-size:17px;
}

.navbar-brand img{
    height:60px;
}

.section-title{
    font-size:42px;
}

.doctor-card img{
    height:450px;
}

.service-card{
    padding:35px 25px;
}

.service-icon{

    width:80px;

    height:80px;

    font-size:32px;

}

.counter-item h2{
    font-size:56px;
}

.contact-box,
.appointment-form{
    padding:35px;
}

.footer{
    padding-top:80px;
}

}



/*=========================================
            LAPTOP
=========================================*/

@media (max-width:1199px){

.top-header{
    padding:10px 0;
}

.top-header .logo{
    /* height:60px; */
}

.navbar{
    padding:12px 0;
}

.navbar-nav .nav-link{

    padding:10px 12px;

    font-size:15px;

}

.hero-img{
    /* height:620px; */
}

.carousel-caption{

    max-width:620px;

}

.carousel-caption h1{

    font-size:48px;

}

.carousel-caption p{

    font-size:16px;

}

.carousel-caption .btn{

    padding:12px 28px;

}

.section-title{

    font-size:38px;

}

.doctor-card{

    margin-bottom:30px;

}

.doctor-card img{

    height:420px;

}

.doctor-badge{

    width:120px;

    height:120px;

}

.doctor-badge h4{

    font-size:28px;

}

.service-card{

    padding:30px 22px;

}

.service-card h5{

    font-size:22px;

}

.service-icon{

    width:75px;

    height:75px;

    font-size:30px;

}

.hospital-card{

    padding:30px;

}

.counter-item{

    margin-bottom:30px;

}

.counter-item h2{

    font-size:50px;

}

.counter-item p{

    font-size:16px;

}

.testimonial-card{

    padding:28px;

}

.gallery-item{

    margin-bottom:25px;

}

.contact-box{

    margin-bottom:30px;

}

.contact-box,
.appointment-form{

    padding:30px;

}

.footer{

    padding-top:70px;

}

.footer h5{

    font-size:20px;

}

.social-icons a{

    width:42px;

    height:42px;

}

.floating-whatsapp,
.floating-call,
#scrollTopBtn{

    width:55px;

    height:55px;

    font-size:22px;

}

}



/*=========================================
        LARGE SCREEN UTILITIES
=========================================*/

@media (min-width:992px){

.collapse:not(.show) {
    /* display: none; */
}
.navbar-collapse1{
	Display:block!important;
}
.mobile-only{

    display:none !important;

}

.desktop-only{

    display:block !important;

}

}


/*=========================================
        TABLET (991px)
=========================================*/

@media (max-width:991px){

.carousel-control-prev, .carousel-control-next{
	width:30px;
	height:30px;
	font-size:15px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	font-size:15px;
}
.container{
    max-width:960px;
}

.top-header{
    text-align:center;
    padding:12px 0;
}

.top-header .contact-info{
    justify-content:center;
    margin-top:10px;
}

.navbar{
    padding:10px 0;
}

.navbar-toggler{
    border:none;
    box-shadow:none!important;
}

.navbar-collapse1{
    background:#fff;
    margin-top:15px;
    padding:20px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
	width:100%;
}

.navbar-nav{
    text-align:center;
}

.navbar-nav .nav-link{
    padding:12px;
}

.dropdown-menu{
    border:none;
    box-shadow:none;
    background:#f8f8f8;
}

.hero-img{
    /* height:560px; */
}

.carousel-caption{
    max-width:100%;
    left:10%;
    right:10%;
    bottom:15%;
    text-align:center;
}

.carousel-caption h1{
    font-size:42px;
}

.carousel-caption h5{
    font-size:18px;
}

.carousel-caption p{
    font-size:16px;
}

.carousel-caption .btn{
    margin:8px;
}

.section-title{
    font-size:34px;
}

.about-content{
    margin-top:40px;
}

.doctor-card{
    margin-bottom:30px;
}

.doctor-card img{
    height:400px;
}

.doctor-badge{
    width:110px;
    height:110px;
}

.doctor-badge h4{
    font-size:24px;
}

.service-card{
    margin-bottom:25px;
}

.service-icon{
    width:75px;
    height:75px;
    font-size:30px;
}

.hospital-card{
    margin-bottom:25px;
}

.counter-item{
    margin-bottom:30px;
}

.counter-item h2{
    font-size:46px;
}

.counter-item p{
    font-size:15px;
}

.testimonial-card{
    margin-bottom:30px;
}

.gallery-item{
    margin-bottom:25px;
}

.contact-box{
    margin-bottom:30px;
}

.appointment-form{
    margin-top:20px;
}

.footer{
    text-align:center;
}

.footer h5::after{
    left:50%;
    transform:translateX(-50%);
}

.social-icons{
    justify-content:center;
}

.footer-links{
    margin-bottom:25px;
}

.footer .col-lg-3,
.footer .col-lg-4{
    margin-bottom:30px;
}

.floating-whatsapp{
    bottom:140px;
}

.floating-call{
    bottom:75px;
}

}


/*=========================================
        TABLET (768px)
=========================================*/

@media (max-width:768px){

.hero-img{
    /* height:500px; */
}

.carousel-caption{
    bottom:12%;
}

.carousel-caption h1{
    font-size:36px;
    line-height:1.3;
}

.carousel-caption h5{
    font-size:16px;
}

.carousel-caption p{
    font-size:15px;
}

.carousel-caption .btn{
    padding:10px 24px;
    font-size:15px;
}

.section-title{
    font-size:30px;
}

.about-content h2{
    font-size:34px;
}

.about-content{
    text-align:center;
}

.about-content ul{
    text-align:left;
}

.doctor-card img{
    height:auto;
}

.doctor-badge{
    right:10px;
    bottom:15px;
}

.service-card{
    padding:30px 25px;
}

.service-card h5{
    font-size:22px;
}

.service-card p{
    font-size:15px;
}

.hospital-card{
    padding:25px;
}

.hospital-card img{
    width:90px;
    height:90px;
}

.testimonial-card{
    padding:25px;
}

.review-section{
    text-align:center;
}

.review-section .btn{
    margin-top:20px;
}

.contact-box,
.appointment-form{
    padding:30px;
}

.contact-item{
    flex-direction:row;
}

.contact-item i{
    margin-right:15px;
}

.footer{
    padding-top:60px;
}

.footer p{
    font-size:15px;
}

.social-icons a{
    width:42px;
    height:42px;
}

}


/*=========================================
        TABLET UTILITIES
=========================================*/

@media (min-width:768px){

.mobile-view{
    display:none!important;
}

}


/*=========================================
            MOBILE (767px)
=========================================*/

@media (max-width:767px){

.container{
    padding-left:15px;
    padding-right:15px;
}

section{
    padding:60px 0;
}

.top-header{
    /* display:none; */
}

.navbar-brand img{
    height:50px;
}

.navbar{
    padding:8px 0;
}

.hero-img{
    /* height:460px; */
    object-fit:cover;
}

.carousel-caption{
    left:5%;
    right:5%;
    bottom:12%;
}

.carousel-caption h5{
    font-size:14px;
    letter-spacing:1px;
}

.carousel-caption h1{
    font-size:30px;
    line-height:1.3;
}

.carousel-caption p{
    display:none;
}

.carousel-caption .btn{
    display:block;
    width:100%;
    margin:10px 0;
}

.section-tag{
    font-size:13px;
}

.section-title{
    font-size:28px;
    text-align:center;
}

.about-content{
    text-align:center;
}

.about-content h2{
    font-size:30px;
}

.about-content ul{
    text-align:left;
    margin-top:25px;
}

.doctor-card{
    margin-bottom:30px;
}

.doctor-card img{
    width:100%;
    height:auto;
}

.doctor-badge{
    width:90px;
    height:90px;
    right:10px;
    bottom:10px;
}

.doctor-badge h4{
    font-size:20px;
}

.doctor-badge p{
    font-size:11px;
}

.service-card{
    padding:25px 20px;
    margin-bottom:25px;
}

.service-card h5{
    font-size:20px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:28px;
}

.hospital-card{
    padding:25px 20px;
    margin-bottom:25px;
}

.counter-item{
    margin-bottom:30px;
}

.counter-item h2{
    font-size:36px;
}

.counter-item p{
    font-size:14px;
}

.testimonial-card{
    padding:25px;
    margin-bottom:25px;
}

.gallery-item{
    margin-bottom:20px;
}

.contact-box,
.appointment-form{
    padding:25px;
}

.contact-item{
    flex-direction:column;
    text-align:center;
}

.contact-item i{
    margin:0 auto 15px;
}

.footer{
    text-align:center;
    padding-top:60px;
}

.footer h5::after{
    left:50%;
    transform:translateX(-50%);
}

.footer-links{
    margin-bottom:25px;
}

.social-icons{
    justify-content:center;
}

.footer .row>div{
    margin-bottom:30px;
}

.floating-whatsapp,
.floating-call,
#scrollTopBtn{
    width:50px;
    height:50px;
    font-size:20px;
    right:15px;
}

.floating-whatsapp{
    bottom:135px;
}

.floating-call{
    bottom:75px;
}

#scrollTopBtn{
    bottom:15px;
}

}


/*=========================================
            MOBILE (576px)
=========================================*/

@media (max-width:576px){

.hero-img{
    /* height:400px; */
}

.carousel-caption{
    bottom:8%;
}

.carousel-caption h1{
    font-size:26px;
}

.carousel-caption h5{
    font-size:13px;
}

.btn{
    font-size:14px;
    padding:10px 20px;
}

.section-title{
    font-size:24px;
}

.about-content h2{
    font-size:26px;
}

.service-card{
    padding:22px;
}

.service-card h5{
    font-size:19px;
}

.service-card p{
    font-size:14px;
}

.hospital-card img{
    width:80px;
    height:80px;
}

.counter-item h2{
    font-size:32px;
}

.testimonial-card{
    padding:20px;
}

.contact-box,
.appointment-form{
    padding:20px;
}

.contact-item i{
    width:50px;
    height:50px;
    font-size:18px;
}

.footer{
    padding-top:50px;
}

.footer p{
    font-size:14px;
}

}


/*=========================================
            SMALL MOBILE (480px)
=========================================*/

@media (max-width:480px){

.hero-img{
    /* height:360px; */
}

.carousel-caption h1{
    font-size:22px;
}

.carousel-caption h5{
    font-size:12px;
}

.section-title{
    font-size:22px;
}

.about-content h2{
    font-size:24px;
}

.doctor-badge{
    display:none;
}

.service-icon{
    width:60px;
    height:60px;
    font-size:24px;
}

.counter-item h2{
    font-size:28px;
}

.floating-whatsapp,
.floating-call,
#scrollTopBtn{
    width:46px;
    height:46px;
    font-size:18px;
}

}


/*=========================================
            EXTRA SMALL (360px)
=========================================*/

@media (max-width:360px){

.hero-img{
    /* height:320px; */
}

.carousel-caption h1{
    font-size:20px;
}

.section-title{
    font-size:20px;
}

.btn{
    font-size:13px;
    padding:9px 16px;
}

.service-card,
.hospital-card,
.testimonial-card{
    padding:18px;
}

.contact-box,
.appointment-form{
    padding:18px;
}

.footer{
    padding-top:40px;
}

.footer p,
.footer a{
    font-size:13px;
}

}

/*=========================================
        LANDSCAPE MOBILE
=========================================*/

@media (max-width:932px) and (orientation:landscape){

.hero-img{
    /* height:100vh; */
}

.carousel-caption{
    bottom:15%;
}

.navbar{
    padding:8px 0;
}

section{
    padding:60px 0;
}

}

/*=========================================
        HIGH DPI DISPLAY
=========================================*/

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){

img{
    image-rendering:auto;
}

}

/*=========================================
        PRINT
=========================================*/

@media print{

.navbar,
.footer,
.floating-whatsapp,
.floating-call,
#scrollTopBtn{

display:none!important;

}

body{

background:#fff!important;

color:#000!important;

}

section{

padding:20px 0!important;

}

}

/*=========================================
        REDUCED MOTION
=========================================*/

@media (prefers-reduced-motion:reduce){

*{

animation:none!important;

transition:none!important;

scroll-behavior:auto!important;

}

}

/*=========================================
        DARK MODE SUPPORT
=========================================*/

@media (prefers-color-scheme:dark){

.dark-auto{

background:#111827;

color:#fff;

}

.dark-auto h1,
.dark-auto h2,
.dark-auto h3,
.dark-auto h4,
.dark-auto h5{

color:#fff;

}

}