@media only screen and (max-width: 768px){
    header .offcanvas .nav-link{
        color: #000 !important;
    }
    header.position-absolute{
        position: relative !important;
    }
    header {
        background: rgb(255 255 255 / 10) !important;
    }
    header .navbar-brand img{
        width: 40%;
        border-left: 1px solid rgb(0 0 0 / .1);
    }
}
@media only screen and (max-width: 576px){
    header .navbar-brand img{
        width: 60%;
        border-left: 1px solid rgb(0 0 0 / .1);
    }
   .homeVideoSecCaption h1 {
        font-size: 20px;
    }
    .secTitleBottom span{
        height: 5px;
        width: 5px;
    }
    .secTitleBottom{
        margin: 2px 0 !important;
    }
    .btn {
        position: relative;
        padding: 5px 15px;
        overflow: hidden;
        font-size: 13px;
        z-index: 1;
        font-weight: bold;
        border-radius: 3px;
    }
    .homeVideoSecCaption h6, .title h6{
        font-size: 13px;
    }
    body , body p{
        font-size: 13px;
    }
    section.py-5 {
        padding: 50px 0 60px !important;
    }
    .title h2{
        margin: 0 !important;
    }
    .sec-line .sec-line2, .sec-line .sec-line1{
        height: 5px;
    }
    .service-box-title span {
        font-size: 20px;
        line-height: 25px;
    }
    .property-type-sec .section-heading h2 {
        font-size: 2em;
    }
    .my-owl-nav.position-absolute.owl-nav.bottom-0.end-0.text-end{
        position: relative !important;
    }
    .wt-box.service-box-1::before {
        position: absolute;
        top: 65%;
        left: 0;
        height: 2px;
        width: 40%;
        content: '';
        opacity: .2;
        background: var(--primary);
    }
    .page_banner{
        padding: 80px 0;
    }
    .page_banner h1 {
        font-size: 20px;
        font-weight: bold;
    }
    .processStepper .owl-stage-outer {
        overflow: visible;
        overflow-x: clip;
    }
    .processStepper{
        margin-top: 0;
    }
}