@media (max-width: 1366px) {}

@media (max-width: 1280px) {}

@media (max-width: 1120px) {
    .navbar-light .container {
        padding: 10px 20px;
        border-radius: 0;
    }

    .navbar.navbar-light {
        top: 0;
    }
}

@media (max-width: 1024px) {}

@media (max-width: 991px) {
    .pt-50 {
        padding-top: 30px;
    }

    .pb-50 {
        padding-bottom: 30px;
    }

    .mt-50 {
        margin-top: 30px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .navbar-light .head-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 18px;
        line-height: normal;
        border-top: 1px solid #ddd;
        color: #000000;
    }

    .navbar-light .navbar-nav {
        padding-top: 10px;
        padding-left: 10px;
    }

    .navbar-light .navbar-collapse {
        margin-top: 5px;
        background-color: #97b1d1fa;
    }

    .navbar-light .head-nav .nav-link.primary-btn {
        padding: 10px 15px;
        margin-top: 10px;
    }

    .navbar-light .navbar-nav .nav-item {
        width: 100%;
    }

    .hidden-sm {
        display: none;
    }

    .hidden-lg {
        display: block;
    }

    /* website css starts */

    .header-logo {
        max-width: 130px;
    }

    .navbar .primary-btn {
        display: none;
    }

    .navbar-light .container-fluid {
        padding: 14px 20px;
    }

    .banner-section {
        padding: 0px 20px;
        /* max-height: 450px; */
    }

    .banner-title {
        font-size: 44px;
        text-align: center;
    }

    .banner-btns {
        flex-direction: column;
    }

    .banner-info {
        text-align: center;
    }

    .about-banner br {
        display: none;
    }

    .bread-crums {
        text-align: center;
        margin-top: 80px;
    }

    .about-info {
        margin-top: 50px;
        padding: 0px 20px;
        font-size: 26px;
        text-align: center;
    }

    .vm-section {
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .vm-card {
        width: calc(100% - 40px);
    }

    .core-section {
        margin-top: 50px;
        padding: 0px 20px;
    }

    .core-wrap {
        flex-direction: column;
    }

    .core-section .lhs img {
        max-width: 100%;
    }

    .core-card {
        max-width: 100%;
    }

    .core-card .info {
        margin-top: 12px;
    }

    .core-section .rhs {
        gap: 40px;
    }

    .why-section {
        flex-direction: column;
        gap: 40px;
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 0px 20px;
        width: 100%;
        max-width: calc(100% - 40px);
    }

    .why-section .lhs {
        width: 100%;
        max-width: 100%;
    }

    .why-section .lhs .section-title {
        font-size: 46px;
    }

    .why-section .rhs img {
        max-width: 100%;
    }

    .form-section {
        padding: 40px 20px;
    }

    .form-section .form-wrap {
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    .form-section .title {
        font-size: 38px;
        text-align: center;
    }

    .form-section .info {
        margin-top: 20px;
    }

    .form-section .form-wrap .lhs img {
        max-width: 100%;
    }

    .form-section .rhs {
        margin-top: 20px;
    }

    .form-section .row {
        margin-bottom: 0px;
    }

    .form-section .row .col-md-6 {
        margin-bottom: 26px;
    }

    .touch-btn {
        margin-top: 36px;
        max-width: 100%;
    }

    .process-section {
        flex-direction: column;
        align-items: center;
        padding: 40px 20px;
    }

    .process-section .title {
        font-size: 38px;
        text-align: center;
    }

    .process-section .info {
        margin-top: 20px;
        text-align: center;
    }

    .process-section .process-wrap {
        max-width: 100%;
        margin: auto;
        margin-top: 30px;
    }

    .mt-30 {
        margin-top: 36px;
    }
}

@media (max-width: 820px) {}

@media (max-width: 767px) {}

@media (min-width: 576px) {}

@media (max-width: 568px) {}

@media (max-width: 479px) {}

@media (max-width: 320px) {}