@media screen and (max-width: 767.78px) {

    .navbar-light .navbar-toggler {
        color: #fff !important;
        border-color: #fff !important;
    }
    .navbar-light .navbar-nav .nav-link{
        color: var(--secondary-color) !important;
    }
    #primary li a:before{
        background: var(--secondary-color);
    }
    img.ban-mg {
        height: 450px !important;
    }
    .heading {
        font-size: 120%;
    }
    .ban-sec{
        top: 61%;
    }
        .hero-section .owl-carousel .item{
        height: 75vh !important;
    }
    .whe{
        font-size: 47%;
    }
    .lux{
        font-size: 72% !important;
        color: #fff;
    }
    .btn2{
        font-size: 60%;
        height: 45px;
    }
    .ban-sec h1 {
        line-height: 24px;
    }
    .btn3{
        font-size: 80%;
        height: 45px;
        margin-left: 0px;
        /* border: 1px solid var(--text-color5);  */
    }
    .ban1{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .ban1 ul#pills-tab {
        transform: unset;
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .ban1 ul#pills-tab{
        margin-top: 30px;
        padding: 0px;
    }
    .k-mg{
        width: 95px;
    }
    .ban1 .nav-link{
        margin-right: 10px !important;
        margin-right: 10px !important;
    }
    .ban2{
        padding-bottom: 50px;
    }
    .h-content-image{
        border: 1px solid var(--text-color5);
        width: 80px;
    }
    .grid-box{
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
    .grid-box svg {
        width: 45px;
        height: 45px;
        display: block;
        margin: auto;
    }
    .h-content-image {
        display: block;
        margin: auto;
        height: auto;
        padding: 15px;
    }
    .h-b-title{
        text-align: center;
        padding-left: 0px;
        font-size: 70%;
        color: var(--text-color5);
        font-weight: 600;
    }
    .h-content-image img {
        width: 60px;
        height: 60px;
        display: block;
        margin: auto;
    }
    .ban3{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .opt{
        height: auto;
        font-size: 105%;
    }
    .mid4{
       padding-top: 50px; 
    }
    .mid{
        padding-top: 50px;
        padding-bottom: 50px;
    }
        div#fl-ex {
            flex-flow: column-reverse;
        }
        .mid .nav-link{
            padding: .4rem 0.5rem;
        }
        .mg-nv{
            width: 40px;
            height: 40px;
        }

        .mid .nav-pills .nav-link{
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: 12px;
        }

        .bse{
            margin-left: 7px;
            font-size: 75%;
            padding-top: 9px;
        }
        .card1.cfc {
            margin-top: 40px;
        }
        .mid2{
            padding-top: 50px;
        }
        .responsive-map {
            overflow: hidden;
            padding-bottom: 66.25%;
            position: relative;
            height: 0;
        }
        .mid3{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        div#fl-ex1{
            flex-flow: column-reverse;
        }
        button.btn.btn-primary.sub {
            width: 140px;
            height: 46px;
        }
        .mid5{
            padding-top: 0px;
        }

        .timeline{
            grid-template-columns: repeat(1, 1fr);
        }
        .step-cir{
            display: none;
        }
        .timeline::before{
            display: none;
        }
        .step-one{
            display: none;
        }

        /*  */
        .icn-box {
            background-color: var(--text-color5);
            width: 100% !important;
            position: fixed !important;
            top: unset !important;
            bottom: 0px !important;
            right: 0px !important;
            transform: unset !important;
            z-index: 999;
            text-align: center !important;
        }
        .icn-bx-ul {
            display: flex !important;
            justify-content: space-between !important;
        }
        .icn-box ul li {
            display: inline-block;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        span.bord {
            border-left: 2px solid white !important;
        }
        .icn-box ul li a {
            color: #ffffff;
            font-size: 18px;
        }
        .cou-t p {
            font-size: 70%;
        }
        .n-cd{
            background-color: transparent;
            border: none;
            padding: 0px;
        }
        .mg-cl-n img{
            height: auto;
        }
        
        .rg-no p{
            color: #ec6325;
        }
        .logo btm{
            width: 80px;
    height: auto;
        }
       .mid .nav-pills .nav-link{
    margin-bottom: 20px !important;
}
}
@media screen and (max-width: 320px){
    .logo img {
        width: 180px;
        height: 45px;
    }
}


@media screen and (min-device-width: 768px) and (max-device-width: 991.78px) { 
    
    
           .rg-no p{
            color: #ec6325;
        }
        .logo btm{
            width: 120px;
    height: auto;
        }
        
    .navbar-light .navbar-toggler {
        color: #fff !important;
        border-color: #fff !important;
    }
    .navbar-light .navbar-nav .nav-link{
        color: var(--secondary-color) !important;
    }
    #primary li a:before{
        background: var(--secondary-color);
    }
    .ban-sec{
        top: 20%;
    }
    .ban1{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .ban1 ul#pills-tab {
        transform: unset;
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .ban1 ul#pills-tab{
        margin-top: 30px;
        padding: 0px;
    }
    .k-mg{
        width: 100px;
    }
    .ban2{
        padding-bottom: 50px;
    }
    .grid-box{
        grid-template-columns: repeat(2, 1fr);
    }
    .h-content-image{
        display: block;
        margin: auto;
    }
    .h-b-title{
        text-align: center;
        padding-left: 0px;
    }
    .ban3{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .mid4{
       padding-top: 50px; 
    }
    .mid{
        padding-top: 50px;
        padding-bottom: 50px;
    }
        div#fl-ex {
            flex-flow: column-reverse;
        }

        .card1.cfc {
            margin-top: 40px;
        }
        .responsive-map {
            overflow: hidden;
            padding-bottom: 66.25%;
            position: relative;
            height: 0;
        }
        .mid3{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        div#fl-ex1{
            flex-flow: column-reverse;
        }
        button.btn.btn-primary.sub {
            width: 140px;
            height: 46px;
        }
        .mid5{
            padding-top: 0px;
        }
    .ban1 ul#pills-tab{
        transform: unset;
    }
    .grid-box{
        grid-template-columns: repeat(2, 1fr);
    }
    .h-content-image{
        width: 85px;
        height: 85px;
    }
    img.mg-m{
        height: auto;
    }
    .mg-cl-n img{
        height: auto;
    }
    
button.btn2 {
    font-size: 16px;
}
button.btn5 {
    font-size: 16px;
}
.hero-section .owl-carousel .item{
    background-position: left;
}

    .mid .nav-pills .nav-link {
        margin-bottom: 20px !important;
    }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1200px){
    
    .navbar-light .navbar-nav .nav-link{
        margin-right: 0.3rem !important;
    margin-left: 0.3rem !important;
    font-size: 65% !important;
    }
    
    button.btn2 {
    font-size: 16px;
}
button.btn5 {
    font-size: 16px;
}
.opt{
    height: auto;
}
.hero-section .owl-carousel .item{
    background-position: left;
}

    .ban1 ul#pills-tab{
        margin-top: 30px;
    }
    .k-mg{
        width: 120px;
    }
    .h-content-image{
        width: 80px;
        height: 80px;
    }
    .h-content-image img {
        width: 55px;
        height: 55px;
    }
    button.btn.btn-primary.sub {
        margin-bottom: 50px;
    }
    .cou-t p{
        font-size: 75%;
    }
}