1/*For mobile */
2@media screen and (max-width: __mobile_breakpoint__) {
3    #view.right-column {
4        padding: 16px;
5    }
6    #main .container {
7        flex-direction: column;
8    }
9
10    #main .left-column {
11        width: 100%;
12        display: none;
13    }
14
15    #main .right-column {
16        width: 100%;
17    }
18
19    #navbar .left-column {
20        flex-grow: 1;
21    }
22    #navbar .right-column {
23        width: 100%;
24        padding: 20px;
25    }
26    .fir-input-group {
27        min-width: 100%;
28    }
29
30    .fir-results .table {
31        min-width: 800px;
32    }
33
34    .table-responsive table {
35        min-width: 800px;
36    }
37
38    #navbar .left-column a.site-name
39    {
40        margin: auto;
41    }
42
43    /*Nav bar for mobile */
44    .mobile.icon {
45        display: flex;
46        align-items: center;
47        padding: 16px;
48    }
49
50
51    #sidebar {
52        width: 100%;
53        display: none;
54    }
55
56    #navbar .right-column {
57        background: rgb(255, 255, 255);
58        position: absolute;
59        flex-direction: column-reverse;
60        right: 0px;
61        z-index: 1099;
62        align-items: baseline;
63        width: 100%;
64        top: 60px;
65        display: none;
66    }
67
68    #navbar .right-column .icon, #navbar .right-column a.navitem
69    {
70        display: flex;
71        gap: 16px;
72    }
73
74    #navbar .right-column .icon.dropdown-toggle::after
75    {
76        align-self: center;
77    }
78
79    #qsearch__in, .search, #qsearch__out
80    {
81        width: 100%;
82    }
83
84    navbar .right-column .options
85    {
86        flex-direction: column;
87    }
88
89    navbar .right-column .menu:not(.mobile-menu)
90    {
91        display: none;
92    }
93
94     navbar .right-column .mobile-menu.menu, .mobile-menu.menu .list
95     {
96        display: block;
97     }
98     navbar .right-column .options
99     {
100        width: 100%;
101     }
102
103     navbar .right-column .mobile-menu
104     {
105        padding: 0px;
106        border: none;
107        display: flex;
108        flex-direction: column;
109     }
110
111     .mobile-menu.menu .list
112     {
113        position: relative;
114        top: 0px;
115        border: none;
116        z-index: 1;
117
118     }
119
120     .dokuwiki .wrap_box.wrap_side.wrap_big, .dokuwiki .wrap_box.wrap_side
121     {
122        width: 100%;
123        margin-left: 0px;
124        margin-right: 0px;
125     }
126
127}