@media screen and (max-width: 1280px) {
    .navigation li a, .stellarnav > ul > li > a {
        padding: 0 10px;
    }
    .aboutPic {
        max-width: 450px;
    }
}
@media screen and (max-width: 1136px) {
    .newsletter.action .btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .stellarnav.mobile ul {
        background: rgba(0, 0, 0, 1);
    }
    .navigation li a, .stellarnav > ul > li > a {
        color: var(--bs-white);
    }
    .borderBox {
        padding: 0px 20px;
    }
    .aboutPic {
        max-width: 40%;
    }
    .services.col-sm-3 {
        flex: 0 0 auto;
        width: 33.333%;
    }
    .gallery .swiper-slide .swiper-text h3 {
        text-align: center;
        padding: 20px 0;
        font-size: 16px;
    }
    .overlapBox .workDetails {
        padding: 20px 0 20px 30px;
    }
    .about::before, .testimony::before {
        height: 40px;
        top: -40px;
    }
    .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
        padding: 15px 0 15px 0;
    }
}
@media screen and (max-width:767px) {
    .company_tags , .about::before, .testimony::before{
        width: 70%;
    }
    .p-v-50 , .p-v-60 , .gallery{
        padding:30px 0;
    }
    .newsletter {text-align: center;}
    .newsletter .text-end {
        text-align: center!important;
    }
    .workDetails br {display: none;}
    h3 {
        font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 300)));
    }
    .p-v-150 {
        padding: 50px 0;
    }
    section.top_banner.p-v-150 {
        padding-top: 100px;
    }
    .quotes {
        top: -50px;
        font-size: 6vw;
    }
    .body-line.last {
        right: 10%;
    }
    .body-line {
        left: 10%;
    }
    .body-line:nth-child(3) {
        left: 30%;
        right: auto;
        margin: 0;
    }
    .accordion-item {
        border-radius: 0;
        padding: 20px 0;
    }
    .workDetails {
        bottom: 0;
    }
    .right_form, .newsletter {
        margin-top: 20px;
    }
    .form .socials {
        margin-top: 20px;
    }
    footer {
        padding: 30px 0 15px;
    }
    .innerBanner {
        position: relative;
        z-index: 1;
        height: 200px;
    }
    .overlapBox .workDetails {
        left: 0;
    }
    .overlapBox .workDetails {
        padding: 20px 15px 0 30px;
    }
    .newsletter.action .btn {
        font-size: 12px;
    }
    .wpcf7-form .mb-3 {
        margin-bottom: 0 !important;
    }
    .newsletter .btn {
        right: 20px;
        font-size: 11px;
        height: 44px;
    }
    .form-control, .form-select {
        font-size: 14px;
    }
}
@media screen and (max-width:575px) {
    .services h4 {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .services.col-sm-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .aboutPic {
        max-width: 100%;
        position: static;
        margin-bottom: 15px;
    }
    .text h1 {
        width: 100%;
        float: left;
        padding-right: 10px;
    }
    h1 {font-size: 30px;}
    .top_banner p {
        margin: 50px 0 15px;
    }
    .company_tags, .about::before, .testimony::before {
        width: 90%;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 22px;
    }
    .logo a {
        font-size: 0.8rem;
    }
    .borderBox {
        padding: 0px 15px;
    }
    p {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    footer h6 {
        margin-bottom: 18px;
    }
    h6 {
        font-size: 16px;
    }

}