@media (max-width:480px) {
    .container-fluid {
        padding: 0% 5%;
    }

    .mynavbar.navbar {
        padding: 10px 0px !important;
    }

    .navbar-dark .navbar-toggler {
        margin-left: 0px !important;
    }

    .def-content-area {
        padding: 30px 0px 30px 0px;
        background: var(--grad-main);
    }

    .ben-list {
        padding-top: 0px;
        display: grid;
    }

    .ben-list ul {
        margin-top: 0px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .announ-sec {
        width: 100%;
        padding: 0px 0px;
    }

    .contante_wrapper {
        background: #FFF;
        padding: 1% 5% !important;
    }
    .smpadding01 {
    padding-right:.5rem !important;
}
.middile-panel {
    padding: 0px 0px;
}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .mynavbar.navbar {
        padding: 10px;
    }

    .wel-text,
    .wel-img-bg {
        width: 100%;
    }

    .wel-text {
        padding: 40px 30px;
        text-align: center;
    }

    .wel-detail-text {
        text-align: center;
    }

    .sec-tittle h3 {
        border: 0px;
    }

    .sec-tittle h3::after {
        display: none;
    }

    .ben-list ul li {
        flex: 1 calc(50% - 20px);
    }

    .cover-area .c-areas .c-diff-area ul li {
        width: 100%;
    }

    .callaction-list .action-item {
        width: 100%;
    }

    .crad-cont {
        flex-direction: row !important;
    }

    .mynavbar,
    .top-head {
        width: 100%;
    }

    .top-head {
        height: 100%;
    }

    .logo_iso {
        width: 17%;
    }

    .d-flex {
        flex-direction: column;
    }

    .head-logo {
        text-align: center;
    }

    .head-center,
    .head-right {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    footer {
        margin-top: 10px;
    }

    .designedby,
    .counters,
    .social-media {
        width: 100%;
        justify-content: center !important;
    }

    .com-side-box .com-cont-box {
        text-align: center;
    }

    .navbar-nav {
        background-color: #000;
        margin-top: 3px;
    }

    .navbar-dark .navbar-toggler {
        margin-left: 10px;
    }

    .container {
        width: auto;
    }

    .arch-box {
        width: 100% !important;
    }

    .side-logo-sec {
        display: none;
    }

    .wel-sec-text .wel-sec-text {
        width: 100%;
    }

    .wel-sec-text .wel-sec-img {
        width: 100%;
        padding: 10px;
        text-align: -webkit-center;
        background-color: #fff;
        border-radius: 4px;
    }

    .wel-sec-text .wel-sec-img img {
        width: 200px;
    }

    .cover-area .nav-item .nav-link {
        font-size: 12px;
    }

    .c-diff-area ul li {
        width: 49.5%;
        vertical-align: text-top;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and (max-width: 767.98px) {

    .mynavbar,
    .top-head {
        width: 100%;
    }

    .mynavbar.navbar {
        padding: 10px;
    }

    .wel-text,
    .wel-img-bg {
        width: 100%;
    }

    .wel-text {
        padding: 40px 30px;
        text-align: center;
    }

    .wel-detail-text {
        text-align: center;
    }

    .sec-tittle h3 {
        border: 0px;
    }

    .sec-tittle h3::after {
        display: none;
    }

    .ben-list ul li {
        flex: 1 calc(50% - 20px);
    }

    .cover-area .c-areas .c-diff-area ul li {
        width: 48%;
    }

    .callaction-list .action-item {
        width: 100%;
    }

    .crad-cont {
        flex-direction: row !important;
    }

    .mynavbar,
    .top-head {
        width: 100%;
    }

    .logo_iso {
        width: 17%;
    }

    .d-flex {
        flex-direction: column;
    }

    .head-logo {
        text-align: center;
    }

    .head-center,
    .head-right {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    footer {
        margin-top: 10px;
    }

    .designedby,
    .counters,
    .social-media {
        width: 100%;
        justify-content: center !important;
    }

    .com-side-box .com-cont-box {
        text-align: center;
    }

    .navbar-nav {
        background-color: #000;
        margin-top: 3px;
    }

    .navbar-dark .navbar-toggler {
        margin-left: 10px;
    }

    .container {
        width: auto;
    }

    .arch-box {
        width: 100% !important;
    }

    .side-logo-sec {
        display: none;
    }

    .wel-sec-text .wel-sec-text {
        width: 100%;
    }

    .wel-sec-text .wel-sec-img {
        width: 100%;
        padding: 10px;
        text-align: -webkit-center;
        background-color: #fff;
        border-radius: 4px;
    }

    .wel-sec-text .wel-sec-img img {
        width: 200px;
    }

    .cover-area .nav-item .nav-link {
        font-size: 12px;
    }

    .c-diff-area ul li {
        width: 49.5%;
        vertical-align: text-top;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (min-width: 767.99px) and (max-width: 991.98px) {

    .crad-cont .text-cont p,
    .crad-cont .text-cont ul li a {
        font-size: 12px;
    }

    .crad-cont .text-cont {
        padding: 0px;
    }

    .head-right {
        width: 34%;
    }

    .head-center {
        width: 50%;
    }

    .head-right .isn-nob {
        font-size: 20px;
    }

    .wel-text,
    .wel-img-bg {
        width: 50%;
    }

    .wel-text {
        padding: 40px 30px;
        text-align: center;
    }

    .wel-detail-text {
        text-align: center;
    }

    .wel-text h1 {
        margin: 0px 0px 20px 0px;
        font-size: 26px;
        line-height: 39px;
    }

    .wel-text h4 {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        line-height: 19px;
    }

    .cover-area .c-areas .c-diff-area ul li {
        width: 32%;
    }

    .designedby {
        font-size: 11px;
    }

    .side-logo-sec {
        display: none;
    }

    .wel-sec-text .wel-sec-text {
        width: 100%;
    }

    .wel-sec-text .wel-sec-img {
        width: 50%;
        padding: 10px;
        text-align: -webkit-center;
        background-color: #fff;
        border-radius: 4px;
    }

    .cover-area .nav-item .nav-link {
        font-size: 12px;
    }

    .c-diff-area ul li {
        width: 49.5%;
        vertical-align: text-top;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 991.99px) and (max-width: 1199.98px) {
    .head-right .isn-nob {
        font-size: 21px;
    }

    .mynavbar .navbar-nav .nav-link {
        font-size: 13px;
        padding: 10px 7px !important;
    }

    .wel-text {
        padding: 40px 24px;
    }

    .wel-text h1 {
        margin: 0px 0px 20px 0px;
        font-size: 26px;
        line-height: 39px;
    }

    .wel-text h4 {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        line-height: 19px;
    }

    .crad-cont .text-cont p,
    .crad-cont .text-cont ul li a {
        font-size: 12px;
    }

    .side-logo-sec {
        display: none;
    }

    .wel-sec-text .wel-sec-text {
        width: 100%;
    }

    .wel-sec-text .wel-sec-img {
        width: 50%;
        padding: 10px;
        text-align: -webkit-center;
        background-color: #fff;
        border-radius: 4px;
    }

    .cover-area .nav-item .nav-link {
        font-size: 12px;
    }

    .c-diff-area ul li {
        width: 49.5%;
        vertical-align: text-top;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width:1200px) and (max-width: 1300px) {
    .mynavbar .navbar-nav .nav-link {
        font-size: 12px;
        padding: 10px 16px !important;
    }
}

@media (min-width:1300px) and (max-width: 1400px) {
    .mynavbar .navbar-nav .nav-link {
        font-size: 13px;
        padding: 10px 17px !important;
    }
}

/* ============================================
   ADDITIONAL COMPREHENSIVE RESPONSIVE STYLES
   ============================================ */

/* Base Mobile First Improvements */
@media (max-width: 480px) {
    .container-fluid {
        padding: 0% 3% !important;
    }
    
    .contante_wrapper {
        padding: 2% 3% !important;
    }
    
    .smpadding01 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
        margin-bottom: 15px;
    }
    
    .middile-panel {
        padding: 0px !important;
    }
    
    .def-content-area {
        padding: 20px 0px 30px 0px !important;
    }
    
    .ben-list {
        padding-top: 15px;
    }
    
    .announ-sec {
        padding: 0px 10px;
        margin-bottom: 20px;
    }
}

/* Very Small Devices (320px - 360px) */
@media (max-width: 360px) {
    .container-fluid {
        padding: 0% 2% !important;
    }
    
    .contante_wrapper {
        padding: 1% 2% !important;
    }
    
    .wel-text {
        padding: 20px 15px !important;
    }
    
    .wel-text h1 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    
    .wel-text h4 {
        font-size: 13px !important;
    }
    
    .sec-tittle h3 {
        font-size: 20px !important;
    }
    
    .ben-list ul li {
        flex: 1 1 100% !important;
        font-size: 13px;
    }
    
    .cover-area .nav-item .nav-link {
        font-size: 11px !important;
        padding: 10px 8px !important;
    }
}

/* Extra Small Devices Enhanced */
@media (max-width: 575.98px) {
    .wel-text {
        padding: 30px 20px !important;
    }
    
    .wel-text h1 {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-bottom: 15px !important;
    }
    
    .wel-text h4 {
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 12px !important;
    }
    
    .wel-text p {
        font-size: 13px !important;
    }
    
    .wel-img-bg img {
        height: auto !important;
        max-height: 220px;
    }
    
    .ben-list ul li {
        flex: 1 1 calc(50% - 10px) !important;
        font-size: 13px;
        padding: 8px 5px;
    }
    
    .ben-text {
        font-size: 12px;
        padding: 8px;
    }
    
    .ben-text img {
        width: 45px;
        margin-bottom: 6px;
    }
    
    .sec-tittle h3 {
        font-size: 20px !important;
        padding-bottom: 8px;
    }
    
    .cover-area .nav-item {
        width: 100% !important;
    }
    
    .cover-area .nav-item .nav-link {
        font-size: 12px !important;
        padding: 12px 10px !important;
        width: 100%;
    }
    
    .c-diff-area ul li {
        width: 100% !important;
        display: block;
        margin-bottom: 8px;
        padding-left: 20px;
        font-size: 13px;
    }
    
    .callaction-list .action-item {
        height: auto !important;
        min-height: 140px;
        padding: 12px;
    }
    
    .callaction-list .action-item .tittle {
        font-size: 14px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    
    .crad-cont .text-cont {
        padding: 12px !important;
    }
    
    .crad-cont .text-cont p,
    .crad-cont .text-cont ul li,
    .crad-cont .text-cont ul li a {
        font-size: 13px !important;
    }
    
    .wel-sec-text .wel-sec-img img {
        width: 180px;
        height: auto;
    }
    
    .wel-sec-text .wel-sec-text {
        font-size: 12px;
        padding: 12px;
    }
    
    .designedby {
        font-size: 12px;
    }
    
    .designedby a {
        font-size: 12px;
        padding: 0px 4px;
    }
}

/* Small Devices Enhanced */
@media (min-width: 575.99px) and (max-width: 767.98px) {
    .wel-text {
        padding: 35px 25px !important;
    }
    
    .wel-text h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
    
    .wel-text h4 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .ben-list ul li {
        flex: 1 1 calc(50% - 15px) !important;
    }
    
    .c-diff-area ul li {
        width: 49% !important;
    }
    
    .cover-area .nav-item {
        width: 33.33% !important;
    }
}

/* Medium Devices Enhanced */
@media (min-width: 767.99px) and (max-width: 991.98px) {
    .wel-text h1 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
    
    .wel-text h4 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .c-diff-area ul li {
        width: 32% !important;
    }
    
    .cover-area .c-areas .c-diff-area ul li {
        width: 32% !important;
    }
}

/* Large Devices Enhanced */
@media (min-width: 991.99px) and (max-width: 1199.98px) {
    .wel-text h1 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    
    .wel-text h4 {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

/* Landscape Orientation */
@media (orientation: landscape) and (max-height: 500px) {
    .top-head {
        padding: 5px 0px !important;
    }
    
    .wel-text {
        padding: 20px 30px !important;
    }
    
    .wel-text h1 {
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }
    
    .def-content-area {
        padding: 20px 0px 30px 0px !important;
    }
}

/* Touch Device Improvements */
@media (hover: none) and (pointer: coarse) {
    .cover-area .nav-item .nav-link,
    .mynavbar .navbar-nav .nav-link,
    .mynavbar .dropdown-menu .dropdown-item {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .ben-list ul li,
    .callaction-list .action-item {
        min-height: 44px;
    }
}

/* Print Styles */
@media print {
    .mynavbar,
    .top-head,
    footer,
    .side-logo-sec {
        display: none !important;
    }
    
    .container,
    .container-fluid {
        padding: 0;
        max-width: 100%;
    }
    
    .wel-text,
    .wel-img-bg {
        width: 100%;
        page-break-inside: avoid;
    }
}

/* Accessibility - High Contrast Mode */
@media (prefers-contrast: high) {
    .cover-area .nav-item .nav-link,
    .mynavbar .navbar-nav .nav-link {
        border: 2px solid currentColor;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}