@media (min-width: 767.98px){
.container {
    width: 97% !important;
}
}

.Search-input input {
    float: left;
    width: 100px;    
    padding-left: 32px;
    padding-right: 32px;
    transition: var(--transition), width .4s;
    box-sizing: inherit !important;
}

Maybe that would be useful for you

    codeX Thanks, it works but i need to zoom the site because everything is so small for that when i enter the site i make browser zoom 125%

    normal

    125%

        codeX I used the following css, which one is better?

        //Increased width
@screen-tablet: 768px;
@screen-desktop:  1092px;
@screen-desktop-hd: 1300px;
//Fix for welcomebox width
.AfruxWidgets-sideNavAlt {
    display: none;
}

            Anonymous41

            @media (min-width: 767.98px){
.container {
    width: 90% !important;
}
}

            Type whatever width you want.

                .DiscussionListItem-content:hover {
    transition: All 0.2s ease-in-out;
    transform: scale(1.05);
}

                codeX but i have one guestion it works like butter in linux but windows os are oto 125% and i want to make for linux 1.25 for windows 1

                    Anonymous41 Go to Admin > Appearance > Custom Styles > Edit Custom CSS check css codes here may be code containing 125%

                        codeX it didnt worked but i found a solve views app blade and entered my js code and done thanks for help :