/*==================================================
Header Responsive
==================================================*/

@media (max-width:991.98px){

.main-header{

    position:relative;

    height:auto;

}

.navbar{

    height:auto;

    padding:15px 0;

}

.navbar-collapse{

    margin-top:20px;

    background:#fff;

    padding:20px;

    border-radius:8px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.header-wrapper{

    display:block;

}

.header-logo{

    display:none;

}

.header-menu{

    display:block;

}

.header-menu .navbar-nav{

    display:block;

}

.header-menu .nav-link{

    line-height:normal;

    padding:14px 0;

    border-bottom:1px solid #eee;

}

.header-right{

    width:100%;

    margin-top:20px;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:20px;

}

.appointment-btn{

    width:100%;

    text-align:center;

}

}

@media (max-width:767.98px){

.navbar-brand img{

    width:105px;

}

.header-phone a{

    font-size:15px;

}

}


/*==================================================
Hero Slider Responsive
==================================================*/

@media (max-width:991.98px){

.hero-section{

    margin-top:0;

}

.hero-section .carousel-item{

    height:500px;

}

.hero-section img{

    height:500px;

}

.hero-section h1{

    font-size:38px;

}

.hero-section p{

    font-size:16px;

}

.hero-btn{

    padding:14px 28px;

}

}


@media (max-width:767.98px){

.hero-section .carousel-item{

    height:380px;

}

.hero-section img{

    height:380px;

}

.hero-section .carousel-caption{

    width:90%;

}

.hero-section h1{

    font-size:28px;

    line-height:1.3;

}

.hero-section p{

    font-size:14px;

    line-height:1.8;

}

.hero-btn{

    padding:12px 24px;

    font-size:14px;

}

.hero-arrow{

    width:36px;

    height:36px;

    font-size:14px;

}

.carousel-control-prev,

.carousel-control-next{

    width:12%;

}

}


/*==================================================
About Responsive
==================================================*/

@media (max-width:991.98px){

.about-section{

    padding:70px 0;

}

.about-image{

    margin-bottom:40px;

}

.about-content{

    padding-left:0;

}

.section-title{

    font-size:40px;

}

}


@media (max-width:767.98px){

.about-section{

    padding:55px 0;

}

.section-subtitle{

    font-size:15px;

}

.section-title{

    font-size:34px;

    margin-bottom:20px;

}

.about-content p{

    font-size:15px;

    line-height:28px;

}

.btn-read-more{

    width:100%;

    padding:14px;

}

}


/*==================================================
Services Responsive
==================================================*/

@media (max-width:991.98px){

.services-section{

    padding:70px 0;

}

.service-box{

    min-height:200px;

    padding:35px 25px;

}

.service-box h4{

    font-size:20px;

    line-height:30px;

}

}


@media (max-width:767.98px){

.services-section{

    padding:55px 0;

}

.service-box{

    min-height:auto;

    padding:35px 20px;

}

.service-box img{

    height:55px;

}

.service-box h4{

    font-size:19px;

    line-height:28px;

}

.btn-services{

    width:100%;

}

}

/*==================================================
WHY US RESPONSIVE
==================================================*/

@media(max-width:991px){

.why-us-section{

padding:70px 0 120px;

}

.why-content{

padding-right:0;

margin-bottom:40px;

}

.why-image{

text-align:center;

}

.why-image img{

width:100%;

max-width:500px;

}

.emergency-box{

position:relative;

bottom:auto;

margin-top:40px;

width:100%;

}

}


@media(max-width:767px){

.why-content h2{

font-size:34px;

}

.why-item h5{

font-size:15px;

}

.why-item p{

font-size:14px;

line-height:24px;

}

.emergency-box{

padding:14px;

}
.page-banner-content p {
    font-size: 13px;
}
.emergency-box h3{

font-size:20px;

}

.emergency-box small {
    display: block;
    font-size: 10px;
}

.phone-icon{

width:50px;

height:50px;

font-size:20px;

}

.dot-pattern{

display:none;

}

}


/*==================================================
FOOTER RESPONSIVE
==================================================*/

@media(max-width:991px){

.footer-top{

padding:60px 0;

text-align:center;

}

.footer-logo{

margin-bottom:20px;

}

.footer-widget h4{

padding-left:0;

}

.footer-widget h4:before{

display:none;

}

}


@media(max-width:767px){

.footer-logo img{

width:240px;

}

.footer-widget{

margin-bottom:30px;

}

.footer-widget ul li{

margin-bottom:15px;

}

.footer-widget ul li a,

.footer-widget p{

font-size:16px;

}

.footer-bottom p{

font-size:14px;

}

.scroll-top{

width:45px;

height:45px;

right:15px;

bottom:15px;

}

}


/*==================================================
Page Banner Responsive
==================================================*/

@media(max-width:991px){

.page-banner{

    margin-top:0;

    height:300px;

}

.page-banner-content{

    height:300px;

}

.page-banner-content h1{

    font-size:56px;

}

}

@media(max-width:767px){

.page-banner{

    height:230px;

}

.page-banner-content{

    height:230px;

}

.page-banner-content h1{

    font-size:40px;

}

.breadcrumb{

    display:none;

}

}


/*==================================================
Who We Are Responsive
==================================================*/

@media(max-width:991px){

.who-we-are{

padding:70px 0;

}

.about-page-content{

padding-left:0;

}

.about-page-content h2{

font-size:46px;

}

}

@media(max-width:767px){

.who-we-are{

padding:55px 0;

}

.about-page-content h2{

font-size:34px;

}

.about-page-content p{

font-size:15px;

line-height:1.9;

}

.about-page-image{

margin-bottom:25px;

}

}

/*==================================================
Services Responsive
==================================================*/

@media(max-width:991px){

.services-page{

padding:70px 0;

}

.service-card{

padding:35px 24px;

}

.service-card h4{

font-size:28px;

line-height:36px;

}

}

@media(max-width:767px){

.services-page{

padding:55px 0;

}

.service-card{

padding:30px 22px;

}

.service-card h4{

font-size:24px;

line-height:32px;

}

.service-card p{

font-size:15px;

line-height:28px;

}

}

/*==================================================
Contact Responsive
==================================================*/

@media(max-width:991px){

.contact-section{

padding:70px 0;

}

.contact-info{

margin-bottom:30px;

}

.contact-info,

.contact-form{

padding:15px;

}

.contact-info h2,

.contact-form h2{

font-size:40px;

}

}


@media(max-width:767px){

.contact-section{

padding:55px 0;

}

.contact-info,

.contact-form{

padding:30px;

}

.contact-info h2,

.contact-form h2{

font-size:28px;

margin-bottom:30px;

}

.contact-box{

gap:10px;

}

.contact-icon{

width:60px;

height:60px;

}

.contact-box h5{

font-size:18px;

}

.contact-box a{

font-size:13px;

}

.contact-btn{

width:100%;

}

}


/*==================================================
Appointment Responsive
==================================================*/

@media(max-width:991px){

.appointment-section{

padding:70px 0;

}

.page-title{

font-size:48px;

}

}


@media(max-width:767px){

.appointment-section{

padding:55px 0;

}

.page-title{

font-size:36px;

}

.appointment-desc{

font-size:17px;

}

.appointment-btn{

width:100%;

}

}