/*responsive*/
@media (min-width:1600px){
    .container-fluid{padding-left: 10vw; padding-right: 10vw;}
}

@media (max-width:1400px){
    .hero-banner{height: calc(100vh - 67px);}
}
@media (min-height:1024px){
}
@media (min-height:1280px){
}
@media (max-width:991.9px){
    html{font-size: 75%;}
    body{font-size: 1rem;}
    .hero-banner {
        height: auto;
    }
    #banner{height: 500px !important;}
    .bannerText .inner{width:100%; padding: 2rem;}
    .guaranteeCard:nth-child(3n){border-right: 1px solid #e0e7ed;}
    .guaranteeCard:nth-last-child(3){border-bottom: 1px solid #e0e7ed;}
    .guaranteeCard:nth-child(2n) {
        border-right: none;
    }
    .serviceCard .img-fluid{width: 50px;}
    .heading h2{font-size: 4rem;}
    .footer-area .mainfooter .footAbout .footLogo{width: 110px;}
    .celebTextbox i.fa-quote-left{width: 50px; height: 50px; font-size: 1.75rem; margin-bottom: 1rem;}
    .celeb-text h4{font-size: 1.25rem;}
}
@media (max-width:767.9px){
    .logo, .footLogo{width: 90px !important;}
    .header.fixed .logo{width: 50px !important;}
    .hero-banner{margin-top: 55px;}
    #banner{height: 400px !important;}
    .heading{margin-bottom: 2rem;}
    .slick-prev, .slick-next{width: 30px; height: 30px; margin-top: -15px;}
    .testimBox .inner .testim-footer .img-fluid{width: 100%;}
    .slick-prev:before, .slick-next:before, .testimBox .inner .testim-footer .img-fluid{font-size: 1rem;}
    .slick-prev{margin-left: -5px;}
    .slick-next{margin-right: -5px;}
    .readmore .button{padding: .5rem 1rem;}
    .hm-appointment{flex-wrap: wrap;}
    .hm-appointment section{padding-right: 0; margin-right: 0; width: 100%;}
    .hm-appointment .hm-appointmentHead{padding: 1.25rem 2rem;}
    .hm-appointment .hm-appointmentHead:before, .hm-appointment .hm-appointmentHead:after{width: 2rem;}
    .hm-appointment .hm-appointmentHead h3{font-size: 2rem;}
    .hm-appointment .form-fluid{width: 100%;}
}
@media (max-width:575.9px){
    body, p{text-align: justify;}
    .padding{padding-top: 2rem; padding-bottom: 2rem;}
    .bannerText h6{letter-spacing: 2px;}
    .container-fluid{padding: 0 1.25rem;}
    .bannerText .inner, .serviceCard{padding: 1.25rem;}
    .hm-overview .inner h2{font-size: 1.375rem; font-weight: 400;}
    .serviceCard{border-right: 0 !important; border-bottom: 1px solid #e0e7ed !important;}
    .serviceCard:last-child{border-bottom: 0 !important;}
    .heading{margin-bottom: 1rem;}
    .readmore{margin-top: 20px;}
    .readmore .button{font-size: 11px;}
    .footer-area .mainfooter{padding-top: 2rem;}
    .footer-area .mainfooter h5{margin-bottom: 1rem;}
    .footBox{padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: var(--primary-color);}
    .footer-area .mainfooter ul{flex-direction: row; gap: 1rem;}
    .footer-area .mainfooter ul li{margin: 0 !important;}
    .footer-area .mainfooter ul li a{font-size: 10px;}
    .footer-area .mainfooter ul li a i{width: 20px; margin-right: 1rem; font-size: 1rem;}
    .testimBox .inner{padding: 14px;}
    .testimBox.testimBox-inside .inner article{width: 100%; padding-left: 0; padding-top: 1.5rem;}
}
@media (max-width:480px){
    .bannerText .h1{font-size: 1.5rem;}
    .heading h2 {font-size: 2.5rem;}
    .heading h4 {font-size: 1.25rem;}
    .serviceCard .img-fluid{width: 35px;}
    .serviceCard article h5{font-size: 1.5rem;}
    .hm-appointment .hm-appointmentHead{padding: 1rem 2rem; margin-bottom: 1.25rem;}
}
@media (max-width:425px){
}
@media (max-width:375px){
    .footer-area, .footer-area .mainfooter .footAbout p, .bottom p {
        font-size: 11px;
    }
}
@media (max-width:320px){
    .footer-enquiryBtn a {padding: 5px;}
}