/*responsive*/

@media (min-width: 1300px) {

  .container-md {

    max-width: 1240px;

  }

}



@media (min-height: 1024px) {

}



@media (min-height: 1280px) {

}



@media (max-width: 991px) {

    .logo a{width: 130px;}

    .navi{gap: 10px;}

    .navi ul{gap: 0 2px;}

    .banner, .insideBanner{margin-top: 52px;}

    .banner{height: auto;}

    .bannerText .h1{font-size: 6vw;}

    .bannerText h5{font-size: 2vw;}

}



@media (max-width: 768px) {

}



@media (max-width: 767px) {

    html{font-size: 87.5%;}

    .padding{padding-top: 3rem; padding-bottom: 3rem;}

    .header,.container-md{padding-left: 20px; padding-right: 20px;}

    .logo a{width: 100px;}

    .banner, .insideBanner{margin-top: 41px;}

    .row{margin-left: -10px; margin-right: -10px;}

    .row.gap-row{row-gap: 20px;}

    .row div[class^=col]{padding-left: 10px; padding-right: 10px;}

    .heading{margin-bottom: 20px;}

    .heading .h1{font-size: 2rem;}

    .luminariesText p{padding: 0 3rem;}

    .luminariesText p i{font-size: 2.25em;}

    .luminariesText p i.fa-quote-left {left: 6px;}

    .luminariesText p i.fa-quote-right {right: 6px;}

    .clientsBox .img-fluid{height: 80px;}

    .footer-area a{font-size: inherit;}

    .footer-logo{width: 90px;}

    .copyrights{margin-right: 30px;}

    .button-top, .address-details .contact-details li i{width: 30px; height: 30px;}

}



@media (max-width: 680px) {

    .foot-menu{width: 50%;}

}



@media (max-width: 575px) {

    html{font-size: 81.25%;}

    .h4, h4 {font-size: 1.4rem;}

    p{text-align: justify; line-height: 1.4;}

    a.card-body > div{display: flex; gap: 10px; align-items: center; justify-content: center;}

    a.card-body > div h6{margin-bottom: 0;}

    .clientsBox, .foot-menu{width: 50%;}

    .footer-area a{padding: 3px 0;}

    .insideBanner{height:264px;}

    .address-details .inner, .form-details .inner{border-radius: 10px;}

    .heading.mx-auto p{text-align: center;}

    .address-details .contact-details li p{display: flex; gap: 5px;}
    .luminariesText p {
        padding: 0;
    }
    .heading .h1 {
        line-height: 1.2;
    }
}



@media (max-width: 480px) {

}



@media (max-width: 425px) {

    .mbMenuContainer .inner{width: 100%;}

    .mbMenuContainer .mbMenu ul li a{font-size: 1.5rem;}

    .footer-logo{display: none;}

}



@media (max-width: 375px) {

}



@media (max-width: 320px) {

    html{font-size: 68.75%;}

    .luminariesText p{padding: 0;}

    .luminariesText p i.fa-quote-left{left: -10px; top: -7px;}

    .luminariesText p i.fa-quote-right{display: none;}

    .foot-menu.socialBox{width: 100%;}

    .foot-menu h6{font-size: 13px;}

    .copyrights{margin-right: 0;}

}