@media (max-width: 280px) {
            .brand-text {
                font-size: 12px;
            }

            .logo-icon {
                width: 25px;
                height: 25px;
            }

            .lang-switcher {
                top: 2px;
                right: 2px;
                scale: 0.8;
            }
        }

        @media (min-width: 281px) and (max-width: 360px) {
            .brand-text {
                font-size: 16px;
            }

            .logo-icon {
                width: 35px;
                height: 35px;
            }
        }

        @media (min-width: 361px) and (max-width: 414px) {
            .brand-text {
                font-size: 18px;
            }

            .logo-icon {
                width: 40px;
                height: 40px;
            }
        }

        @media (min-width: 415px) and (max-width: 480px) {
            .brand-text {
                font-size: 19px;
            }

            .c-dropdown-menu {
                width: 90vw;
                right: 5vw;
                left: 5vw;
            }
        }

        @media (min-width: 481px) and (max-width: 600px) {
            .brand-text {
                font-size: 20px;
            }

            .lang-switcher {
                gap: 5px;
            }
        }

        @media (min-width: 601px) and (max-width: 768px) {
            .logo-icon {
                width: 45px;
                height: 45px;
            }

            .c-dropdown-btn {
                padding: 0.6rem 0.8rem;
            }
        }

        @media (min-width: 769px) and (max-width: 912px) {
            .brand-text {
                font-size: 22px;
                letter-spacing: 1.5px;
            }
        }

        @media (min-width: 913px) and (max-width: 1024px) {
            .logo-icon {
                width: 50px;
                height: 50px;
            }

            .c-dropdown-menu {
                min-width: 180px;
            }
        }

        @media (min-width: 1025px) and (max-width: 1280px) {
            .brand-text {
                font-size: 24px;
            }

            .c-dropdown-btn {
                font-size: 0.9rem;
            }
        }

        @media (min-width: 1281px) and (max-width: 1440px) {
            .brand-text {
                font-size: 26px;
            }

            .logo-icon {
                width: 65px;
                height: 65px;
            }
        }

        @media (min-width: 1441px) and (max-width: 1600px) {
            .brand-text {
                font-size: 28px;
            }

            .c-dropdown-btn {
                padding: 0.75rem 1rem;
            }
        }

        @media (min-width: 1601px) and (max-width: 1920px) {
            .brand-text {
                font-size: 30px;
                letter-spacing: 2px;
            }

            .logo-icon {
                width: 75px;
                height: 75px;
            }
        }

        @media (min-width: 1921px) {
            .brand-text {
                font-size: 36px;
            }

            .logo-icon {
                width: 90px;
                height: 90px;
            }

            .lang-switcher {
                top: 2rem;
                right: 2rem;
            }
        }

        @media (max-height: 480px) and (orientation: landscape) {
            .loader-wrapper {
                align-items: flex-start;
                padding-top: 10px;
            }

            .logo-icon {
                width: 30px;
                height: 30px;
            }

            .brand-text {
                font-size: 14px;
            }
        }

        @media (min-width: 500px) and (max-width: 700px) and (aspect-ratio: 1/1) {
            .brand-text {
                font-size: 22px;
                color: #1a1a1a;
            }
        }

        @media (aspect-ratio: 9/16) {
            .lang-switcher {
                flex-direction: column;
            }
        }

        @media (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi) {
            .logo-icon {
                filter: contrast(1.1);
            }
        }

        @media print {

            .loader-wrapper,
            .lang-switcher {
                display: none;
            }

            .brand-text {
                color: #000;
                font-weight: bold;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            body {
                transition: none;
            }
        }