quadmenu / assets / frontend / less / themes / grid.less

grid.less in QuadMenu – Mega Menu 2.0.3, at assets/frontend/less/themes/grid.less

755 lines 18.6 KB

Raw Download Zip

1	@screen-sm-min: (@screen_sm_width * 1px);
2	@screen-sm-max: (@screen-sm-min - 1px);
3	@screen-md-min: (@screen_md_width * 1px);
4	@screen-sm-max: (@screen_md_width - 1px);
5	@screen-lg-min: (@screen_lg_width * 1px);
6	@screen-md-max: (@screen_lg_width - 1px);
7
8	#quadmenu {
9
10	&.quadmenu-is-horizontal {
11
12	.quadmenu-navbar-nav {
13
14	.quadmenu-row {
15
16	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
17	padding-right: @horizontal-padding;
18	padding-left: @horizontal-padding;
19	}
20
21	}
22
23	}
24
25	}
26
27	.quadmenu-navbar-nav {
28
29	.quadmenu-row {
30	display: -webkit-box!important;
31	display: -webkit-flex!important;
32	display: -ms-flexbox!important;
33	display: flex!important;
34	-webkit-flex-wrap: wrap!important;
35	-ms-flex-wrap: wrap!important;
36	flex-wrap: wrap!important;
37	}
38
39	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
40	position: relative;
41	width: 100%;
42	min-height: 1px;
43	}
44
45	.col {
46	-webkit-flex-basis: 0;
47	-ms-flex-preferred-size: 0;
48	flex-basis: 0;
49	-webkit-box-flex: 1;
50	-webkit-flex-grow: 1;
51	-ms-flex-positive: 1;
52	flex-grow: 1;
53	max-width: 100%;
54	}
55
56	.col-auto {
57	-webkit-box-flex: 0;
58	-webkit-flex: 0 0 auto;
59	-ms-flex: 0 0 auto;
60	flex: 0 0 auto;
61	width: auto;
62	}
63
64	.col-1 {
65	-webkit-box-flex: 0;
66	-webkit-flex: 0 0 8.333333%;
67	-ms-flex: 0 0 8.333333%;
68	flex: 0 0 8.333333%;
69	max-width: 8.333333%;
70	}
71
72	.col-2 {
73	-webkit-box-flex: 0;
74	-webkit-flex: 0 0 16.666667%;
75	-ms-flex: 0 0 16.666667%;
76	flex: 0 0 16.666667%;
77	max-width: 16.666667%;
78	}
79
80	.col-3 {
81	-webkit-box-flex: 0;
82	-webkit-flex: 0 0 25%;
83	-ms-flex: 0 0 25%;
84	flex: 0 0 25%;
85	max-width: 25%;
86	}
87
88	.col-4 {
89	-webkit-box-flex: 0;
90	-webkit-flex: 0 0 33.333333%;
91	-ms-flex: 0 0 33.333333%;
92	flex: 0 0 33.333333%;
93	max-width: 33.333333%;
94	}
95
96	.col-5 {
97	-webkit-box-flex: 0;
98	-webkit-flex: 0 0 41.666667%;
99	-ms-flex: 0 0 41.666667%;
100	flex: 0 0 41.666667%;
101	max-width: 41.666667%;
102	}
103
104	.col-6 {
105	-webkit-box-flex: 0;
106	-webkit-flex: 0 0 50%;
107	-ms-flex: 0 0 50%;
108	flex: 0 0 50%;
109	max-width: 50%;
110	}
111
112	.col-7 {
113	-webkit-box-flex: 0;
114	-webkit-flex: 0 0 58.333333%;
115	-ms-flex: 0 0 58.333333%;
116	flex: 0 0 58.333333%;
117	max-width: 58.333333%;
118	}
119
120	.col-8 {
121	-webkit-box-flex: 0;
122	-webkit-flex: 0 0 66.666667%;
123	-ms-flex: 0 0 66.666667%;
124	flex: 0 0 66.666667%;
125	max-width: 66.666667%;
126	}
127
128	.col-9 {
129	-webkit-box-flex: 0;
130	-webkit-flex: 0 0 75%;
131	-ms-flex: 0 0 75%;
132	flex: 0 0 75%;
133	max-width: 75%;
134	}
135
136	.col-10 {
137	-webkit-box-flex: 0;
138	-webkit-flex: 0 0 83.333333%;
139	-ms-flex: 0 0 83.333333%;
140	flex: 0 0 83.333333%;
141	max-width: 83.333333%;
142	}
143
144	.col-11 {
145	-webkit-box-flex: 0;
146	-webkit-flex: 0 0 91.666667%;
147	-ms-flex: 0 0 91.666667%;
148	flex: 0 0 91.666667%;
149	max-width: 91.666667%;
150	}
151
152	.col-12 {
153	-webkit-box-flex: 0;
154	-webkit-flex: 0 0 100%;
155	-ms-flex: 0 0 100%;
156	flex: 0 0 100%;
157	max-width: 100%;
158	}
159
160	.offset-1 {
161	margin-left: 8.333333%;
162	}
163
164	.offset-2 {
165	margin-left: 16.666667%;
166	}
167
168	.offset-3 {
169	margin-left: 25%;
170	}
171
172	.offset-4 {
173	margin-left: 33.333333%;
174	}
175
176	.offset-5 {
177	margin-left: 41.666667%;
178	}
179
180	.offset-6 {
181	margin-left: 50%;
182	}
183
184	.offset-7 {
185	margin-left: 58.333333%;
186	}
187
188	.offset-8 {
189	margin-left: 66.666667%;
190	}
191
192	.offset-9 {
193	margin-left: 75%;
194	}
195
196	.offset-10 {
197	margin-left: 83.333333%;
198	}
199
200	.offset-11 {
201	margin-left: 91.666667%;
202	}
203
204	@media (min-width: 576px) {
205	.col-sm {
206	-webkit-flex-basis: 0;
207	-ms-flex-preferred-size: 0;
208	flex-basis: 0;
209	-webkit-box-flex: 1;
210	-webkit-flex-grow: 1;
211	-ms-flex-positive: 1;
212	flex-grow: 1;
213	max-width: 100%;
214	}
215	.col-sm-auto {
216	-webkit-box-flex: 0;
217	-webkit-flex: 0 0 auto;
218	-ms-flex: 0 0 auto;
219	flex: 0 0 auto;
220	width: auto;
221	}
222	.col-sm-1 {
223	-webkit-box-flex: 0;
224	-webkit-flex: 0 0 8.333333%;
225	-ms-flex: 0 0 8.333333%;
226	flex: 0 0 8.333333%;
227	max-width: 8.333333%;
228	}
229	.col-sm-2 {
230	-webkit-box-flex: 0;
231	-webkit-flex: 0 0 16.666667%;
232	-ms-flex: 0 0 16.666667%;
233	flex: 0 0 16.666667%;
234	max-width: 16.666667%;
235	}
236	.col-sm-3 {
237	-webkit-box-flex: 0;
238	-webkit-flex: 0 0 25%;
239	-ms-flex: 0 0 25%;
240	flex: 0 0 25%;
241	max-width: 25%;
242	}
243	.col-sm-4 {
244	-webkit-box-flex: 0;
245	-webkit-flex: 0 0 33.333333%;
246	-ms-flex: 0 0 33.333333%;
247	flex: 0 0 33.333333%;
248	max-width: 33.333333%;
249	}
250	.col-sm-5 {
251	-webkit-box-flex: 0;
252	-webkit-flex: 0 0 41.666667%;
253	-ms-flex: 0 0 41.666667%;
254	flex: 0 0 41.666667%;
255	max-width: 41.666667%;
256	}
257	.col-sm-6 {
258	-webkit-box-flex: 0;
259	-webkit-flex: 0 0 50%;
260	-ms-flex: 0 0 50%;
261	flex: 0 0 50%;
262	max-width: 50%;
263	}
264	.col-sm-7 {
265	-webkit-box-flex: 0;
266	-webkit-flex: 0 0 58.333333%;
267	-ms-flex: 0 0 58.333333%;
268	flex: 0 0 58.333333%;
269	max-width: 58.333333%;
270	}
271	.col-sm-8 {
272	-webkit-box-flex: 0;
273	-webkit-flex: 0 0 66.666667%;
274	-ms-flex: 0 0 66.666667%;
275	flex: 0 0 66.666667%;
276	max-width: 66.666667%;
277	}
278	.col-sm-9 {
279	-webkit-box-flex: 0;
280	-webkit-flex: 0 0 75%;
281	-ms-flex: 0 0 75%;
282	flex: 0 0 75%;
283	max-width: 75%;
284	}
285	.col-sm-10 {
286	-webkit-box-flex: 0;
287	-webkit-flex: 0 0 83.333333%;
288	-ms-flex: 0 0 83.333333%;
289	flex: 0 0 83.333333%;
290	max-width: 83.333333%;
291	}
292	.col-sm-11 {
293	-webkit-box-flex: 0;
294	-webkit-flex: 0 0 91.666667%;
295	-ms-flex: 0 0 91.666667%;
296	flex: 0 0 91.666667%;
297	max-width: 91.666667%;
298	}
299	.col-sm-12 {
300	-webkit-box-flex: 0;
301	-webkit-flex: 0 0 100%;
302	-ms-flex: 0 0 100%;
303	flex: 0 0 100%;
304	max-width: 100%;
305	}
306	}
307
308	@media (min-width: @screen-sm-min) {
309	.col-md {
310	-webkit-flex-basis: 0;
311	-ms-flex-preferred-size: 0;
312	flex-basis: 0;
313	-webkit-box-flex: 1;
314	-webkit-flex-grow: 1;
315	-ms-flex-positive: 1;
316	flex-grow: 1;
317	max-width: 100%;
318	}
319	.col-md-auto {
320	-webkit-box-flex: 0;
321	-webkit-flex: 0 0 auto;
322	-ms-flex: 0 0 auto;
323	flex: 0 0 auto;
324	width: auto;
325	}
326	.col-md-1 {
327	-webkit-box-flex: 0;
328	-webkit-flex: 0 0 8.333333%;
329	-ms-flex: 0 0 8.333333%;
330	flex: 0 0 8.333333%;
331	max-width: 8.333333%;
332	}
333	.col-md-2 {
334	-webkit-box-flex: 0;
335	-webkit-flex: 0 0 16.666667%;
336	-ms-flex: 0 0 16.666667%;
337	flex: 0 0 16.666667%;
338	max-width: 16.666667%;
339	}
340	.col-md-3 {
341	-webkit-box-flex: 0;
342	-webkit-flex: 0 0 25%;
343	-ms-flex: 0 0 25%;
344	flex: 0 0 25%;
345	max-width: 25%;
346	}
347	.col-md-4 {
348	-webkit-box-flex: 0;
349	-webkit-flex: 0 0 33.333333%;
350	-ms-flex: 0 0 33.333333%;
351	flex: 0 0 33.333333%;
352	max-width: 33.333333%;
353	}
354	.col-md-5 {
355	-webkit-box-flex: 0;
356	-webkit-flex: 0 0 41.666667%;
357	-ms-flex: 0 0 41.666667%;
358	flex: 0 0 41.666667%;
359	max-width: 41.666667%;
360	}
361	.col-md-6 {
362	-webkit-box-flex: 0;
363	-webkit-flex: 0 0 50%;
364	-ms-flex: 0 0 50%;
365	flex: 0 0 50%;
366	max-width: 50%;
367	}
368	.col-md-7 {
369	-webkit-box-flex: 0;
370	-webkit-flex: 0 0 58.333333%;
371	-ms-flex: 0 0 58.333333%;
372	flex: 0 0 58.333333%;
373	max-width: 58.333333%;
374	}
375	.col-md-8 {
376	-webkit-box-flex: 0;
377	-webkit-flex: 0 0 66.666667%;
378	-ms-flex: 0 0 66.666667%;
379	flex: 0 0 66.666667%;
380	max-width: 66.666667%;
381	}
382	.col-md-9 {
383	-webkit-box-flex: 0;
384	-webkit-flex: 0 0 75%;
385	-ms-flex: 0 0 75%;
386	flex: 0 0 75%;
387	max-width: 75%;
388	}
389	.col-md-10 {
390	-webkit-box-flex: 0;
391	-webkit-flex: 0 0 83.333333%;
392	-ms-flex: 0 0 83.333333%;
393	flex: 0 0 83.333333%;
394	max-width: 83.333333%;
395	}
396	.col-md-11 {
397	-webkit-box-flex: 0;
398	-webkit-flex: 0 0 91.666667%;
399	-ms-flex: 0 0 91.666667%;
400	flex: 0 0 91.666667%;
401	max-width: 91.666667%;
402	}
403	.col-md-12 {
404	-webkit-box-flex: 0;
405	-webkit-flex: 0 0 100%;
406	-ms-flex: 0 0 100%;
407	flex: 0 0 100%;
408	max-width: 100%;
409	}
410	.offset-md-0 {
411	margin-left: 0%;
412	}
413	.offset-md-1 {
414	margin-left: 8.333333%;
415	}
416	.offset-md-2 {
417	margin-left: 16.666667%;
418	}
419	.offset-md-3 {
420	margin-left: 25%;
421	}
422	.offset-md-4 {
423	margin-left: 33.333333%;
424	}
425	.offset-md-5 {
426	margin-left: 41.666667%;
427	}
428	.offset-md-6 {
429	margin-left: 50%;
430	}
431	.offset-md-7 {
432	margin-left: 58.333333%;
433	}
434	.offset-md-8 {
435	margin-left: 66.666667%;
436	}
437	.offset-md-9 {
438	margin-left: 75%;
439	}
440	.offset-md-10 {
441	margin-left: 83.333333%;
442	}
443	.offset-md-11 {
444	margin-left: 91.666667%;
445	}
446	}
447
448	@media (min-width: @screen-md-min) {
449	.col-lg {
450	-webkit-flex-basis: 0;
451	-ms-flex-preferred-size: 0;
452	flex-basis: 0;
453	-webkit-box-flex: 1;
454	-webkit-flex-grow: 1;
455	-ms-flex-positive: 1;
456	flex-grow: 1;
457	max-width: 100%;
458	}
459	.col-lg-auto {
460	-webkit-box-flex: 0;
461	-webkit-flex: 0 0 auto;
462	-ms-flex: 0 0 auto;
463	flex: 0 0 auto;
464	width: auto;
465	}
466	.col-lg-1 {
467	-webkit-box-flex: 0;
468	-webkit-flex: 0 0 8.333333%;
469	-ms-flex: 0 0 8.333333%;
470	flex: 0 0 8.333333%;
471	max-width: 8.333333%;
472	}
473	.col-lg-2 {
474	-webkit-box-flex: 0;
475	-webkit-flex: 0 0 16.666667%;
476	-ms-flex: 0 0 16.666667%;
477	flex: 0 0 16.666667%;
478	max-width: 16.666667%;
479	}
480	.col-lg-3 {
481	-webkit-box-flex: 0;
482	-webkit-flex: 0 0 25%;
483	-ms-flex: 0 0 25%;
484	flex: 0 0 25%;
485	max-width: 25%;
486	}
487	.col-lg-4 {
488	-webkit-box-flex: 0;
489	-webkit-flex: 0 0 33.333333%;
490	-ms-flex: 0 0 33.333333%;
491	flex: 0 0 33.333333%;
492	max-width: 33.333333%;
493	}
494	.col-lg-5 {
495	-webkit-box-flex: 0;
496	-webkit-flex: 0 0 41.666667%;
497	-ms-flex: 0 0 41.666667%;
498	flex: 0 0 41.666667%;
499	max-width: 41.666667%;
500	}
501	.col-lg-6 {
502	-webkit-box-flex: 0;
503	-webkit-flex: 0 0 50%;
504	-ms-flex: 0 0 50%;
505	flex: 0 0 50%;
506	max-width: 50%;
507	}
508	.col-lg-7 {
509	-webkit-box-flex: 0;
510	-webkit-flex: 0 0 58.333333%;
511	-ms-flex: 0 0 58.333333%;
512	flex: 0 0 58.333333%;
513	max-width: 58.333333%;
514	}
515	.col-lg-8 {
516	-webkit-box-flex: 0;
517	-webkit-flex: 0 0 66.666667%;
518	-ms-flex: 0 0 66.666667%;
519	flex: 0 0 66.666667%;
520	max-width: 66.666667%;
521	}
522	.col-lg-9 {
523	-webkit-box-flex: 0;
524	-webkit-flex: 0 0 75%;
525	-ms-flex: 0 0 75%;
526	flex: 0 0 75%;
527	max-width: 75%;
528	}
529	.col-lg-10 {
530	-webkit-box-flex: 0;
531	-webkit-flex: 0 0 83.333333%;
532	-ms-flex: 0 0 83.333333%;
533	flex: 0 0 83.333333%;
534	max-width: 83.333333%;
535	}
536	.col-lg-11 {
537	-webkit-box-flex: 0;
538	-webkit-flex: 0 0 91.666667%;
539	-ms-flex: 0 0 91.666667%;
540	flex: 0 0 91.666667%;
541	max-width: 91.666667%;
542	}
543	.col-lg-12 {
544	-webkit-box-flex: 0;
545	-webkit-flex: 0 0 100%;
546	-ms-flex: 0 0 100%;
547	flex: 0 0 100%;
548	max-width: 100%;
549	}
550	.offset-lg-0 {
551	margin-left: 0%;
552	}
553	.offset-lg-1 {
554	margin-left: 8.333333%;
555	}
556	.offset-lg-2 {
557	margin-left: 16.666667%;
558	}
559	.offset-lg-3 {
560	margin-left: 25%;
561	}
562	.offset-lg-4 {
563	margin-left: 33.333333%;
564	}
565	.offset-lg-5 {
566	margin-left: 41.666667%;
567	}
568	.offset-lg-6 {
569	margin-left: 50%;
570	}
571	.offset-lg-7 {
572	margin-left: 58.333333%;
573	}
574	.offset-lg-8 {
575	margin-left: 66.666667%;
576	}
577	.offset-lg-9 {
578	margin-left: 75%;
579	}
580	.offset-lg-10 {
581	margin-left: 83.333333%;
582	}
583	.offset-lg-11 {
584	margin-left: 91.666667%;
585	}
586	}
587
588	@media (min-width: @screen-lg-min) {
589	.col-xl {
590	-webkit-flex-basis: 0;
591	-ms-flex-preferred-size: 0;
592	flex-basis: 0;
593	-webkit-box-flex: 1;
594	-webkit-flex-grow: 1;
595	-ms-flex-positive: 1;
596	flex-grow: 1;
597	max-width: 100%;
598	}
599	.col-xl-auto {
600	-webkit-box-flex: 0;
601	-webkit-flex: 0 0 auto;
602	-ms-flex: 0 0 auto;
603	flex: 0 0 auto;
604	width: auto;
605	}
606	.col-xl-1 {
607	-webkit-box-flex: 0;
608	-webkit-flex: 0 0 8.333333%;
609	-ms-flex: 0 0 8.333333%;
610	flex: 0 0 8.333333%;
611	max-width: 8.333333%;
612	}
613	.col-xl-2 {
614	-webkit-box-flex: 0;
615	-webkit-flex: 0 0 16.666667%;
616	-ms-flex: 0 0 16.666667%;
617	flex: 0 0 16.666667%;
618	max-width: 16.666667%;
619	}
620	.col-xl-3 {
621	-webkit-box-flex: 0;
622	-webkit-flex: 0 0 25%;
623	-ms-flex: 0 0 25%;
624	flex: 0 0 25%;
625	max-width: 25%;
626	}
627	.col-xl-4 {
628	-webkit-box-flex: 0;
629	-webkit-flex: 0 0 33.333333%;
630	-ms-flex: 0 0 33.333333%;
631	flex: 0 0 33.333333%;
632	max-width: 33.333333%;
633	}
634	.col-xl-5 {
635	-webkit-box-flex: 0;
636	-webkit-flex: 0 0 41.666667%;
637	-ms-flex: 0 0 41.666667%;
638	flex: 0 0 41.666667%;
639	max-width: 41.666667%;
640	}
641	.col-xl-6 {
642	-webkit-box-flex: 0;
643	-webkit-flex: 0 0 50%;
644	-ms-flex: 0 0 50%;
645	flex: 0 0 50%;
646	max-width: 50%;
647	}
648	.col-xl-7 {
649	-webkit-box-flex: 0;
650	-webkit-flex: 0 0 58.333333%;
651	-ms-flex: 0 0 58.333333%;
652	flex: 0 0 58.333333%;
653	max-width: 58.333333%;
654	}
655	.col-xl-8 {
656	-webkit-box-flex: 0;
657	-webkit-flex: 0 0 66.666667%;
658	-ms-flex: 0 0 66.666667%;
659	flex: 0 0 66.666667%;
660	max-width: 66.666667%;
661	}
662	.col-xl-9 {
663	-webkit-box-flex: 0;
664	-webkit-flex: 0 0 75%;
665	-ms-flex: 0 0 75%;
666	flex: 0 0 75%;
667	max-width: 75%;
668	}
669	.col-xl-10 {
670	-webkit-box-flex: 0;
671	-webkit-flex: 0 0 83.333333%;
672	-ms-flex: 0 0 83.333333%;
673	flex: 0 0 83.333333%;
674	max-width: 83.333333%;
675	}
676	.col-xl-11 {
677	-webkit-box-flex: 0;
678	-webkit-flex: 0 0 91.666667%;
679	-ms-flex: 0 0 91.666667%;
680	flex: 0 0 91.666667%;
681	max-width: 91.666667%;
682	}
683	.col-xl-12 {
684	-webkit-box-flex: 0;
685	-webkit-flex: 0 0 100%;
686	-ms-flex: 0 0 100%;
687	flex: 0 0 100%;
688	max-width: 100%;
689	}
690	.offset-xl-0 {
691	margin-left: 0%;
692	}
693	.offset-xl-1 {
694	margin-left: 8.333333%;
695	}
696	.offset-xl-2 {
697	margin-left: 16.666667%;
698	}
699	.offset-xl-3 {
700	margin-left: 25%;
701	}
702	.offset-xl-4 {
703	margin-left: 33.333333%;
704	}
705	.offset-xl-5 {
706	margin-left: 41.666667%;
707	}
708	.offset-xl-6 {
709	margin-left: 50%;
710	}
711	.offset-xl-7 {
712	margin-left: 58.333333%;
713	}
714	.offset-xl-8 {
715	margin-left: 66.666667%;
716	}
717	.offset-xl-9 {
718	margin-left: 75%;
719	}
720	.offset-xl-10 {
721	margin-left: 83.333333%;
722	}
723	.offset-xl-11 {
724	margin-left: 91.666667%;
725	}
726	}
727
728	.hidden {
729	display: none !important;
730	}
731
732	@media (max-width: @screen-sm-min) {
733	.hidden-xs {
734	display: none !important;
735	}
736	}
737	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
738	.hidden-sm {
739	display: none !important;
740	}
741	}
742	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
743	.hidden-md {
744	display: none !important;
745	}
746	}
747	@media (min-width: @screen-lg-min) {
748	.hidden-lg {
749	display: none !important;
750	}
751	}
752
753	}
754
755	}