/* General Responsive Styles */

        @media (max-width: 1200px) {

            .wrapper {

                max-width: 100% !important;

                overflow-x: hidden;

            }

        }



        /* Tablet Devices (768px - 991px) */

        @media (max-width: 991px) {

            /* Top Bar Adjustments */

            .top-bar {

                height: auto;

                padding: 15px 0;

            }

            

            .top-bar .logo {

                text-align: center;

                padding: 10px 0;

            }

            

            .top-bar .top-bar-item {

                justify-content: center;

                margin-bottom: 15px;

                text-align: center;

            }

            

            .top-bar .top-bar-icon {

                margin-bottom: 5px;

            }

            

            .top-bar .top-bar-text {

                padding-left: 0;

            }

            

            /* Navigation */

            .nav-bar {

                padding: 0;

            }

            

            .navbar-nav {

                text-align: center;

            }

            

            .nav-bar .btn {

                display: block;

                margin: 10px auto;

                width: 150px;

            }

            

            /* Carousel */

            .carousel {

                /* height: auto; */

                min-height: 300px;

            }

            

            .carousel .carousel-caption {

                height: auto;

                min-height: 300px;

                padding: 20px;

            }

            

            .carousel .carousel-caption h1 {

                font-size: 32px;

                margin-bottom: 20px;

            }

            

            .carousel .carousel-caption p {

                font-size: 18px;

            }

            

            /* Features */

            .feature .feature-item {

                min-height: auto;

                padding: 20px;

                flex-direction: column;

                text-align: center;

            }

            

            .feature .feature-text {

                padding-left: 0;

                padding-top: 15px;

            }

            

            /* About Section */

            .about .about-text {

                text-align: center;

            }

            

            /* Facts */

            .fact .col-6 {

                margin-bottom: 20px;

            }

            

            /* Services */

            .service .service-text h3 {

                font-size: 18px;

                white-space: normal;

                text-overflow: clip;

            }

            

            /* Team */

            .team .team-item {

                margin-bottom: 30px;

            }

            

            /* Footer */

            .footer .copyright .col-md-6:last-child p {

                text-align: center;

            }

            

            .footer .footer-menu .f-menu a {

                display: block;

                margin: 5px 0;

                padding: 5px 0;

                border-right: none;

                border-bottom: 1px solid rgba(255, 255, 255, 0.1);

            }

            

            /* Fix text overflow issues */

            .feature-text p, .about-text p, .service-overlay p {

                overflow-wrap: break-word;

                word-wrap: break-word;

                hyphens: auto;

            }

        }



        /* Mobile Devices (576px - 767px) */

        @media (max-width: 767px) {

            /* Top Bar */

            .top-bar .top-bar-text h3 {

                font-size: 14px;

            }

            

            .top-bar .top-bar-text p {

                font-size: 12px;

            }

            

            /* Carousel */

            .carousel .carousel-caption h1 {

                font-size: 24px;

            }

            

            .carousel .carousel-caption p {

                font-size: 16px;

            }

            

            .carousel .carousel-caption .btn {

                padding: 8px 20px;

                font-size: 14px;

            }

            

            /* Section Headers */

            .section-header h2 {

                font-size: 32px;

            }

            

            /* About Section */

            .about .section-header {

                text-align: center;

            }

            

            /* Facts */

            .fact .fact-text h2 {

                font-size: 28px;

            }

            

            /* Testimonials */

            .testimonial {

                padding: 45px 0;

            }

            

            .testimonial .testimonial-slider-nav {

                width: 200px;

            }

            

            /* Footer */

            .footer {

                padding-top: 45px;

            }

            

            .footer .footer-contact, 

            .footer .footer-link, 

            .footer .newsletter {

                margin-bottom: 30px;

                text-align: center;

            }

            

            .footer h2::after {

                left: 50%;

                transform: translateX(-50%);

            }

            

            .footer .footer-social {

                justify-content: center;

            }

            

            /* Fix for small screens */

            .container, .container-fluid {

                padding-right: 15px;

                padding-left: 15px;

            }

            

            .row {

                margin-right: -10px;

                margin-left: -10px;

            }

            

            .col-6, .col-4, .col-lg-3, .col-lg-4, .col-lg-7, .col-lg-5, 

            .col-md-6, .col-md-12 {

                padding-right: 10px;

                padding-left: 10px;

            }

        }



        /* Small Mobile Devices (up to 575px) */

        @media (max-width: 575px) {

            /* Top Bar */

            .top-bar .top-bar-item {

                flex-direction: column;

                text-align: center;

            }

            

            .top-bar .top-bar-icon {

                margin-bottom: 10px;

            }

            

            .top-bar .top-bar-text {

                padding-left: 0;

            }

            

            /* Carousel */

            .carousel .carousel-caption h1 {

                font-size: 20px;

            }

            

            .carousel .carousel-caption p {

                font-size: 14px;

            }

            

            .carousel .carousel-caption .btn {

                padding: 6px 15px;

                font-size: 12px;

            }

            

            /* Features */

            .feature .feature-icon::before {

                width: 60px;

                height: 60px;

                top: -10px;

                left: -5px;

            }

            

            .feature .feature-icon::after {

                width: 59px;

                height: 59px;

                top: -9px;

                left: -4px;

            }

            

            .feature .feature-icon [class^="flaticon-"]::before {

                font-size: 40px;

            }

            

            /* Section Headers */

            .section-header h2 {

                font-size: 28px;

            }

            

            .section-header p {

                font-size: 16px;

            }

            

            /* Facts */

            .fact .fact-icon [class^="flaticon-"]::before {

                font-size: 40px;

            }

            

            .fact .fact-text h2 {

                font-size: 24px;

            }

            

            .fact .fact-text p {

                font-size: 14px;

            }

            

            /* Services */

            .service .service-text h3 {

                font-size: 16px;

                white-space: normal;

            }

            

            /* Team */

            .team .team-text h2 {

                font-size: 18px;

            }

            

            /* Testimonials */

            .testimonial .testimonial-slider h3 {

                font-size: 18px;

            }

            

            .testimonial .testimonial-slider p {

                font-size: 14px;

            }

            

            /* Footer */

            .footer .footer-contact p {

                font-size: 14px;

            }

            

            /* Fix text overflow in feature boxes */

            .feature-text p {

                font-size: 14px;

            }

            

            /* Call and WhatsApp buttons */

            .back-to-top-call, 

            .back-to-top-whatsapp {

                bottom: 70px;

                right: 15px;

                width: 45px;

                height: 45px;

            }

            

            .back-to-top-whatsapp {

                bottom: 125px;

            }

            

            .back-to-top-call i, 

            .back-to-top-whatsapp i {

                font-size: 18px;

            }

        }



        /* Very Small Devices (up to 400px) */

        @media (max-width: 400px) {

            /* Carousel */

            .carousel .carousel-caption h1 {

                font-size: 18px;

            }

            

            .carousel .carousel-caption p {

                font-size: 12px;

            }

            

            /* Section Headers */

            .section-header h2 {

                font-size: 24px;

            }

            

            /* Fix for feature text overflow */

            .feature-text h3 {

                font-size: 18px;

            }

            

            .feature-text p {

                font-size: 12px;

            }

            

            /* Google Maps iframe */

            .footer iframe {

                height: 200px;

            }

        }



        /* Fix for mobile menu toggle */

        @media (max-width: 991px) {

            .navbar-toggler {

                border: 1px solid rgba(255, 255, 255, 0.3);

                padding: 5px 10px;

            }

            

            .navbar-toggler-icon {

                width: 20px;

                height: 20px;

            }

            

            .navbar-collapse {

                background: #030f27;

                padding: 15px;

                margin-top: 10px;

            }

            

            /* Prevent text overflow in navigation */

            .navbar-nav .nav-link {

                white-space: nowrap;

                overflow: hidden;

                text-overflow: ellipsis;

                max-width: 100%;

            }

        }



        /* Text overflow prevention */

        .feature-text p, .about-text p, .service-overlay p, 

        .testimonial .testimonial-slider p {

            overflow-wrap: break-word;

            word-wrap: break-word;

            hyphens: auto;

        }



        /* High-resolution displays */

        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

            /* Ensure images are sharp on retina displays */

            .logo img {

                -webkit-transform: translateZ(0);

                transform: translateZ(0);

            }

        }



        /* Orientation-specific styles */

        @media (max-width: 991px) and (orientation: landscape) {

            .carousel {

                height: auto;

                min-height: 250px;

            }

            

            .carousel .carousel-caption {

                height: auto;

                min-height: 250px;

            }

            

            /* Fix for feature boxes in landscape */

            .feature .feature-item {

                min-height: auto;

                padding: 15px;

            }

        }



        /* Print styles */

        @media print {

            .back-to-top,

            .back-to-top-call,

            .back-to-top-whatsapp,

            .nav-bar,

            .carousel .carousel-caption .btn {

                display: none !important;

            }

        }