1. .mobile_on
2.  
3. {
4.  
5.         visibility: hidden;
6.  
7. }
8.  
9. .responsive_menu.login
10.  
11. {
12.  
13.         min-width: 16px;
14.  
15.         width: auto;
16.  
17. }
18.  
19. @media screen and (max-width: 768px) {
20.         nav.navbar.navbar-default { background-image:none !important; }
21. }
22.  
23. @media screen and (min-width: 768px) and (max-width: 1028px) {
24.     .logo a {width: 224px;}
25.         .navbar-right {font-size:9px;}
26. .nav > li > a {
27.     padding-left: 5px !important;
28.     padding-right: 5px !important;
29. }
30. }
31.  
32.  
33. @media screen and (min-width: 1029px) and (max-width: 1075px) {
34.         .navbar-right {font-size:10px;}
35. .nav > li > a {
36.     padding-left: 5px !important;
37.     padding-right: 5px !important;
38. }
39. }
40.  
41.  
42. @media screen and (min-width: 1076px) and (max-width: 1122px) {
43.  
44. .nav > li > a {
45.     padding-left: 5px !important;
46.     padding-right: 5px !important;
47. }
48. }
49.  
50.  
51. @media screen and (min-width: 1123px) and (max-width: 1169px) {
52.  
53. .nav > li > a {
54.     padding-left: 5px !important;
55.     padding-right: 5px !important;
56. }
57. }
58.  
59. @media screen and (min-width: 1170px) and (max-width: 1280px) {
60.  
61. .nav > li > a {
62.     padding-left: 5px !important;
63.     padding-right: 5px !important;
64. }
65. }
66.  
67. @media screen and (max-width: 360px) {
68.     .sampturk_bildirimler { display:none !important; }
69.     .sampturk_invalid { display: inherit; }
70.     .sampturk_notifications { display: none !important; }
71.     .showLikeNotification { display: none !important; }
72.     .like_posts_notification { display: none !important; }
73. }
74.  
75.  
76.  
77. @media screen and (min-width: 240px) and (max-width: 640px) {
78.  
79.         /* Considering something trying to be bad boy and editing body (especially portals!) */
80.  
81.         body {
82.  
83.                 min-width: 240px !important;
84.  
85.         }
86.  
87.         .bildirim_alt { margin-left: -125px !important; }
88.        
89.  
90.         /* Calendar Time */
91.  
92.         #month_grid, #month_grid table,
93.  
94.         #main_grid
95.  
96.         {
97.  
98.                 float: none;
99.  
100.                 width: 100%;
101.  
102.         }
103.  
104.         #main_grid {
105.  
106.                 margin-left: 0 !important;
107.  
108.         }
109.  
110.        
111.  
112.         /* Load menu icons */
113.  
114.         .responsive_menu {
115.  
116.                 background: url(../images/responsive_menu.png) no-repeat -5px -5px;
117.  
118.                 height: 16px;
119.  
120.                 width: 16px;
121.  
122.                 display: inline-block;
123.  
124.         }
125.  
126.         .responsive_menu.admin {
127.  
128.                 background-position: -31px -5px;
129.  
130.         }
131.  
132.         .responsive_menu.calendar {
133.  
134.                 background-position: -57px -5px;
135.  
136.         }
137.  
138.         .responsive_menu.forum {
139.  
140.                 background-position: -5px -31px;
141.  
142.         }
143.  
144.         .responsive_menu.help {
145.  
146.                 background-position: -31px -31px;
147.  
148.         }
149.  
150.         .responsive_menu.home {
151.  
152.                 background-position: -57px -31px;
153.  
154.         }
155.  
156.         .responsive_menu.login {
157.  
158.                 background-position: -5px -57px;
159.  
160.         }
161.  
162.         .responsive_menu.logout {
163.  
164.                 background-position: -31px -57px;
165.  
166.         }
167.  
168.         .responsive_menu.mlist {
169.  
170.                 background-position: -57px -57px;
171.  
172.         }
173.  
174.         .responsive_menu.moderate {
175.  
176.                 background-position: -83px -5px;
177.  
178.         }
179.  
180.         .responsive_menu.pm {
181.  
182.                 background-position: -83px -31px;
183.  
184.         }
185.  
186.         .responsive_menu.profile {
187.  
188.                 background-position: -83px -57px;
189.  
190.         }
191.  
192.         .responsive_menu.register {
193.  
194.                 background-position: -5px -83px;
195.  
196.         }
197.  
198.         .responsive_menu.search {
199.  
200.                 background-position: -31px -83px;
201.  
202.         }
203.  
204.  
205.  
206.         /* If it has more items, make some margin */
207.  
208.         #main_menu {
209.  
210.                 margin: -15px 0 0 0;
211.  
212.         }
213.  
214.         .dropmenu li {
215.  
216.                 margin: 0 0 5px 0;
217.  
218.         }
219.  
220.         /* Do not hover or show them... */
221.  
222.         #menu_nav .dropmenu li a.active, #menu_nav .dropmenu li a.active:hover,
223.  
224.         #menu_nav .dropmenu li:hover, #menu_nav .dropmenu li a:hover,
225.  
226.         #menu_nav .dropmenu li a.firstlevel:hover, #menu_nav li:hover,
227.  
228.         #menu_nav .dropmenu li:hover, #menu_nav .dropmenu li:hover a.firstlevel,
229.  
230.         #main_menu .dropmenu li a.active, #main_menu .dropmenu li a:hover,
231.  
232.         #main_menu .dropmenu li:hover ul, #main_menu .dropmenu li ul {
233.  
234.                 background: none !important;
235.  
236.         }
237.  
238.         .keyinfo h5, .keyinfo .messageicon, #messageindex .last_th {
239.  
240.                 display: none;
241.  
242.         }
243.  
244.  
245.  
246.         .bbc_img {
247.  
248.                 max-width: 100%;
249.  
250.                 max-height: 100%;
251.  
252.         }
253.  
254. }
255.  
256.  
257.  
258. @media screen and (max-width: 480px) {
259.  
260.         table.table_list a.unreadlink, table.table_list a.collapse,
261.  
262.         #index_common_stats
263.  
264.         {
265.  
266.                 display: none;
267.  
268.         }
269.  
270.         .mobile_on
271.  
272.         {
273.  
274.                 visibility: visible;
275.  
276.         }
277.  
278.         .poster li.avatar
279.  
280.         {
281.  
282.                 display: none;
283.  
284.         }
285.  
286.         #manage_boards .cat_bar
287.  
288.         {
289.  
290.                 margin-top: 10px;
291.  
292.         }
293.  
294.         #manage_boards .windowbg
295.  
296.         {
297.  
298.                 line-height: 3.2em;
299.  
300.         }
301.  
302.         #manage_boards ul
303.  
304.         {
305.  
306.                 max-height: 120em;
307.  
308.                 padding: 0 0 10px 0;
309.  
310.         }
311.  
312.         #manage_boards dd, #manage_boards dt
313.  
314.         {
315.  
316.                 width: 100%;
317.  
318.         }
319.  
320.         #manage_boards dt
321.  
322.         {
323.  
324.                 line-height: 1.6em;
325.  
326.         }
327.  
328. }
329.  
330.  
331.  
332. @media screen and (max-width: 640px) {
333.  
334.         .nav_bar_inner, .top_bar_inner, .headerm_inner
335.  
336.         {
337.  
338.                 width: 100%;
339.  
340.         }
341.  
342.         .headerm, .headerm_inner
343.  
344.         {
345.  
346.                 height: auto;
347.  
348.         }
349.  
350.         .logo_banner
351.  
352.         {
353.  
354.                 text-align: center;
355.  
356.                 max-width: 640px;
357.  
358.         }
359.  
360.         .logo_banner a > img
361.  
362.         {
363.  
364.                 max-width: 90%;
365.  
366.         }
367.  
368.         .quick_search_holder, #search_form
369.  
370.         {
371.  
372.                 text-align: center;
373.  
374.                 margin: 0 auto;
375.  
376.                 float: none;
377.  
378.         }
379.  
380.         .dropmenu li
381.  
382.         {
383.  
384.                 text-align: center;
385.  
386.                 width: 100%;
387.  
388.         }
389.  
390.         .dropmenu li li, .dropmenu li li li
391.  
392.         {
393.  
394.                 width: 100%;
395.  
396.                 text-align: left;
397.  
398.         }
399.  
400.         .dropmenu li ul
401.  
402.         {
403.  
404.                 width: 100%;
405.  
406.         }
407.  
408.         #adm_submenus {
409.  
410.                 padding-left: 0;
411.  
412.         }
413.  
414.         #quick_tasks li
415.  
416.         {
417.  
418.                 height: auto !important;
419.  
420.                 padding: 0;
421.  
422.                 width: 100% !important;
423.  
424.                 float: none !important;
425.  
426.         }
427.  
428.         .home_image
429.  
430.         {
431.  
432.                 clear: both;
433.  
434.         }
435.  
436.         .search_quick {
437.                 width: 50% !important;
438.         }
439.  
440.         .poster li.avatar img
441.  
442.         {
443.  
444.                 width: 50px !important;
445.  
446.                 height: 50px !important;
447.  
448.         }
449.  
450.         #siteslogan, img#smflogo, .contact_info
451.  
452.         {
453.  
454.                 display: none;
455.  
456.         }
457.  
458.         .hidden, .stats, #posting_icons, #mlist th
459.  
460.         {
461.  
462.                 display: none;
463.  
464.         }
465.  
466.         #statistics .stats
467.  
468.         {
469.  
470.                 display: block;
471.  
472.         }
473.  
474.         #stats_left, #top_posters, #top_topics_replies, #top_topics_starter,
475.  
476.         #stats_right, #top_boards, #top_topics_views, #most_online,
477.  
478.         #popularposts, #popularactivity
479.  
480.         {
481.  
482.                 width: 100%;
483.  
484.                 float: none;
485.  
486.         }
487.  
488.         #report_post input {
489.  
490.                 width: 95%;
491.  
492.                 min-height: 50px;
493.  
494.         }
495.  
496.         .tborder .topic_table th.first_th
497.  
498.         {
499.  
500.                 display: none;
501.  
502.         }
503.  
504.         #topic_icons p
505.  
506.         {
507.  
508.                 display: block;
509.  
510.                 width: 100%;
511.  
512.         }
513.  
514.         #menu_toggle
515.  
516.         {
517.  
518.                 display: none;
519.  
520.         }
521.  
522.         h3.catbg #quick_search form
523.  
524.         {
525.  
526.                 margin: 0 0 8px 0;
527.  
528.                 padding: 0;
529.  
530.         }
531.  
532.         h3.catbg #quick_search form input
533.  
534.         {
535.  
536.                 margin: 0 0 12px 0;
537.  
538.         }
539.  
540.         h3.catbg #quick_search form select option
541.  
542.         {
543.  
544.                 padding: 4px;
545.  
546.         }
547.  
548.         h3.catbg #quick_search form .button_submit
549.  
550.         {
551.  
552.                 margin: 0 3px;
553.  
554.         }
555.  
556.         #credits_page
557.  
558.         {
559.  
560.                 padding-top: 35px;
561.  
562.         }
563.  
564.         .features_image
565.  
566.         {
567.  
568.                 display: none;
569.  
570.         }
571.  
572.         .features_switch
573.  
574.         {
575.  
576.                 margin: -20px 0 0 5px !important;
577.  
578.         }
579.  
580.         .features h4
581.  
582.         {
583.  
584.                 margin: -10px 0 0 0 !important;
585.  
586.                 padding: 0 0 10px 0;
587.  
588.         }
589.  
590.         .features p
591.  
592.         {
593.  
594.                 margin: 0;
595.  
596.                 padding: 0;
597.  
598.                 min-height: 0;
599.  
600.                 max-height: 5.2em;
601.  
602.                 overflow: auto;
603.  
604.         }
605.  
606.         .mark_read .buttonlist
607.  
608.         {
609.  
610.                 float: none;
611.  
612.                 margin: 0 auto;
613.  
614.         }
615.  
616.         .mark_read .buttonlist li
617.  
618.         {
619.  
620.                 width: auto;
621.  
622.         }
623.  
624.         #advanced_search
625.  
626.         {
627.  
628.                 text-align: left !important;
629.  
630.         }
631.  
632.         em.smalltext
633.  
634.         {
635.  
636.                 display: none;
637.  
638.         }
639.  
640.         #advanced_search dt, #advanced_search dd
641.  
642.         {
643.  
644.                 width: 100%;
645.  
646.                 float: none;
647.  
648.                 text-align: left;
649.  
650.                 margin: 0;
651.  
652.         }
653.  
654.         .login dt, .login dd
655.  
656.         {
657.  
658.                 float: none;
659.  
660.                 text-align: left;
661.  
662.                 width: 90%;
663.  
664.         }
665.  
666.         input.enhanced
667.  
668.         {
669.  
670.                 display: block;
671.  
672.         }
673.  
674.         .enhanced select
675.  
676.         {
677.  
678.                 display: block;
679.  
680.         }
681.  
682.         #advanced_search dl#search_options
683.  
684.         {
685.  
686.                 width: 100%;
687.  
688.         }
689.  
690.         #searchform .input_text, select
691.  
692.         {
693.  
694.                 width: 95%;
695.  
696.                 padding: 5px 0;
697.  
698.         }
699.  
700.         .ignoreboards
701.  
702.         {
703.  
704.                 width: 100% !important;
705.  
706.                 float: none !important;
707.  
708.         }
709.  
710.         #searchBoardsExpand
711.  
712.         {
713.  
714.                 overflow: hidden;
715.  
716.         }
717.  
718.         /* Since you asked nicely */
719.  
720.         #main_menu .dropmenu li {
721.  
722.                 width: auto !important;
723.  
724.         }
725.  
726.         #main_menu .dropmenu span.firstlevel {
727.  
728.                 display: none;
729.  
730.         }
731.  
732.         #main_menu .dropmenu li:hover ul {
733.  
734.                 display: none;
735.  
736.         }
737.  
738. }
739.  
740.  
741.  
742. @media screen and (max-width: 720px) {
743.  
744.         body
745.  
746.         {
747.  
748.                 padding: 0 !important;
749.  
750.                 min-width: 200px !important;
751.  
752.                 max-width: 720px;
753.  
754.         }
755.  
756.         #wrapper, div#wrapper
757.  
758.         {
759.  
760.                 width: 100% !important;
761.  
762.                 min-width: 240px !important;
763.  
764.                 max-width: 720px !important;
765.  
766.         }
767.  
768.         div#upper_section div.user
769.  
770.         {
771.  
772.                 text-align: center;
773.  
774.                 float: none !important;
775.  
776.                 width: 100%;
777.  
778.                 box-sizing: border-box;
779.  
780.         }
781.  
782.         div#upper_section div.user p, div#upper_section div.user p > .avatar
783.  
784.         {
785.  
786.                 max-width: 100px;
787.  
788.                 max-height: 100px;
789.  
790.                 float:  none !important;
791.  
792.                 margin: 0 auto;
793.  
794.                 text-align: center !important;
795.  
796.         }
797.  
798.         #upper_section div.news
799.  
800.         {
801.  
802.                 width: 100%;
803.  
804.                 float: none;
805.  
806.                 text-align: center;
807.  
808.                 margin: 0 auto;
809.  
810.         }
811.  
812.         table.table_list tbody.content td.stats, .lastpost
813.  
814.         {
815.  
816.                 display: none;
817.  
818.         }
819.  
820.         img.icon
821.  
822.         {
823.  
824.                 display: inline-block;
825.  
826.         }
827.  
828.         #basicinfo, #detailedinfo, .modblock_left, .modblock_right, #live_news, #supportVersionsTable
829.  
830.         {
831.  
832.                 width: 100% !important;
833.  
834.                 float: none;
835.  
836.                 margin: 0 0 3px;
837.  
838.                 box-sizing: border-box;
839.  
840.                 overflow: hidden;
841.  
842.         }
843.  
844.         .postarea, .moderatorbar
845.  
846.         {
847.  
848.                 width: 100%;
849.  
850.                 margin: 0;
851.  
852.         }
853.  
854.         .poster
855.  
856.         {
857.  
858.                 float: none;
859.  
860.                 width: 95%;
861.  
862.                 height: auto;
863.  
864.                 margin-bottom: 10px;
865.  
866.         }
867.  
868.         .poster li.avatar img
869.  
870.         {
871.  
872.                 width: 100px !important;
873.  
874.                 height: 100px !important;
875.  
876.         }
877.  
878.         .onlinestats
879.         {
880.                 display: unset !important;
881.         }
882.  
883. .logo a {
884.     background: url(../images/boban/logo.png) no-repeat;
885.     display: block;
886.     width: 280px;
887.     height: 68px;
888.     float: left;
889.     margin-top: 5px;
890.     margin-left: 0px;
891.     background-size: contain;
892. }
893.  
894. .shd_replyarea {
895.     padding-left: 0 !important;
896. }
897.  
898. .shd_posterinfo {
899.     width: 100% !important;
900. }
901.  
902. .poster li.stars
903. {
904. display: inherit !important;
905. }
906.  
907. .chart_bilgi {
908.     float: none;
909.     width: 100%;
910. }
911.  
912. .chart_bilgi img {
913.     max-width: 100%;
914. }
915.  
916. .oyuncu_bilgi {
917.     float: none;
918.     width: 100%;
919. }
920.  
921.  
922. .nickchange_input {
923.     padding: 4px;
924.     border: 1px solid gold;
925.     width: 100%;
926. }
927.  
928.         .poster li.stars, .poster li.blurb, li.postcount,
929.  
930.         li.im_icons, li.title, li.postgroup, li.karma,
931.  
932.         li.karma_allow, li.gender, li.custom, li.email, li.warning, .poster-link, .poster h4 img, .arrow-left
933.  
934.         {
935.  
936.                 display: none;
937.  
938.         }
939.  
940.         .display-date, .display-title {
941.  
942.                 margin-right: 0px;
943.  
944.         }
945.  
946.         .poster dt {
947.  
948.                 width: 36%;
949.  
950.         }
951.  
952.         .login
953.  
954.         {
955.  
956.                 width: auto !important;
957.  
958.         }
959.  
960.         dl
961.  
962.         {
963.  
964.                 overflow: hidden !important;
965.  
966.         }
967.  
968. /*      dd, dt
969.  
970.         {
971.  
972.                 float: none !important;
973.  
974.                 width: 100% !important;
975.  
976.                 overflow: hidden;
977.  
978.                 text-align: left !important;
979.  
980.         }*/
981.  
982.         .inner
983.  
984.         {
985.  
986.                 padding: 1em .5em 2px .5em;
987.  
988.                 margin: 0;
989.  
990.         }
991.  
992.         .signature, .attachments
993.  
994.         {
995.  
996.                 width: 100%;
997.  
998.                 margin: 1em 0 0;
999.  
1000.                 padding: 1em 1em 3px;
1001.  
1002.                 box-sizing: border-box;
1003.  
1004.         }
1005.  
1006.         .keyinfo
1007.  
1008.         {
1009.  
1010.                 background: none;
1011.  
1012.                 text-align: center;
1013.  
1014.                 width: 100% !important;
1015.  
1016.         }
1017.  
1018.         ul.dugmicizaodgovore-message i
1019.  
1020.         {
1021.  
1022.                 font-size: 17px;
1023.  
1024.                 margin-top: 3px;
1025.  
1026.                 display: block;
1027.  
1028.         }
1029.  
1030.         .buttonlist ul li
1031.  
1032.         {
1033.  
1034.                 margin: 2px 0;
1035.  
1036.         }
1037.  
1038.         .buttonlist ul li a span
1039.  
1040.         {
1041.  
1042.                 height: auto;
1043.  
1044.         }
1045.  
1046.         .shd_ticket_leftcolumn {
1047.                 width: 100% !important;
1048.         }
1049.  
1050.         .shd_ticket_rightcolumn {
1051.                 width: 100% !important;
1052.         }
1053.  
1054.         .shd_ticket_side_column {
1055.                 float: left !important;
1056.                 width: 100% !important;
1057.                 margin-right: 0px !important;
1058.         }
1059.  
1060.         .shd_ticket_description {
1061.                 width: 100% !important;
1062.                 margin-left: 0px !important;
1063.         }
1064.  
1065.         #quick_tasks li
1066.  
1067.         {
1068.  
1069.                 height: 5em !important;
1070.  
1071.                 padding: 0;
1072.  
1073.         }
1074.  
1075.         #main_admsection #basicinfo h4
1076.  
1077.         {
1078.  
1079.                 width: 100% !important;
1080.  
1081.         }
1082.  
1083.         #left_admsection
1084.  
1085.         {
1086.  
1087.                 margin: 0 0 8px;
1088.  
1089.                 padding: 0 0 5px;
1090.  
1091.                 border-bottom: 3px solid #dbe4ef;
1092.  
1093.                 float: none;
1094.  
1095.                 width: 100%;
1096.  
1097.         }
1098.  
1099.         .navigate_section ul li
1100.  
1101.         {
1102.  
1103.                 display: none;
1104.  
1105.         }
1106.  
1107.         .navigate_section ul li:first-child, .navigate_section ul li:last-child
1108.  
1109.         {
1110.  
1111.                 display: inline-block;
1112.  
1113.         }
1114.  
1115.         #forumposts h3 span#author, #forumposts h3 img
1116.  
1117.         {
1118.  
1119.                 display: none;
1120.  
1121.         }
1122.  
1123.         #content_section
1124.  
1125.         {
1126.  
1127.                 padding: 0px;
1128.  
1129.         }
1130.  
1131.        
1132.  
1133.         /* some dirty fix for SP :)*/
1134.  
1135.         #sp_left, #sp_right, #sp_center
1136.  
1137.         {
1138.  
1139.                 width: 100%;
1140.  
1141.                 display: block;
1142.  
1143.         }
1144.  
1145.         table.table_list_board
1146.  
1147.         {
1148.  
1149.                 width: 100%;
1150.  
1151.         }
1152.  
1153.         table.side_bar
1154.  
1155.         {
1156.  
1157.                 width: 100%;
1158.  
1159.         }
1160.  
1161. }
1162.  
1163. @media screen and (max-width: 720px) {
1164.  
1165.         .hero h1 {
1166.  
1167.                 font-size: 32px;  
1168.  
1169.         }
1170.  
1171.         .boardstats-main2 {
1172.  
1173.                 width: 100%;
1174.  
1175.                 display: block;
1176.  
1177.                 margin-bottom: 10px;
1178.  
1179.         }
1180.  
1181.         .boardstats-main {
1182.  
1183.                 width: 100%;
1184.  
1185.                 float: right;
1186.  
1187.         }
1188.  
1189.         .poster-buttons ul li span {
1190.  
1191.                 display: none;
1192.  
1193.         }
1194.  
1195.         .poster-buttons ul li i {
1196.  
1197.                 margin-right: 0px;
1198.  
1199.         }
1200.  
1201.         .poster-buttons ul li a {
1202.  
1203.                 padding: 5px 10px 5px 10px;
1204.  
1205.         }
1206.  
1207.         .login-main {
1208.  
1209.                 width: 95%;
1210.  
1211.                 margin: 20px auto 0 auto;
1212.  
1213.         }
1214.  
1215.         .footer-center {
1216.  
1217.                 margin: 20px 0px 20px 0px;
1218.  
1219.                 width: 100%;
1220.  
1221.         }
1222.  
1223. }
1224.  
1225. @media screen and (max-width: 720px) {
1226.  
1227.         #profileview, .profile-cover {
1228.  
1229.                 width: 100%;
1230.  
1231.         }
1232.  
1233.         .profile-block, .profile-block2 {
1234.  
1235.                 float: left;
1236.  
1237.                 width: 100%;
1238.  
1239.                 margin-top: 10px;
1240.  
1241.         }
1242.  
1243.         .profile-lastlogin i {
1244.  
1245.                 display: block;
1246.  
1247.         }
1248.  
1249.         .profile-lastlogin span {
1250.  
1251.                 display: none;
1252.  
1253.         }
1254.  
1255.         .profile-cover-info {
1256.  
1257.                 margin-left: 110px;
1258.  
1259.         }
1260.  
1261.         .profile-avatar img {
1262.  
1263.                 margin-top: 35px;
1264.  
1265.                 margin-left: 10px;
1266.  
1267.                 min-width: 90px;
1268.  
1269.                 min-height: 90px;
1270.  
1271.                 max-width: 90px;
1272.  
1273.                 max-height: 90px;
1274.  
1275.         }
1276.  
1277.         .profile-cover-info ul {
1278.  
1279.                 font-size: 13px;
1280.  
1281.                 line-height: 20px;
1282.  
1283.         }
1284.  
1285.         li.profile-name {
1286.  
1287.                 font-size: 22px;
1288.  
1289.                 padding-bottom: 2px;
1290.  
1291.         }
1292.  
1293. }
1294.  
1295. @media screen and (min-width: 768px) and (max-width: 1280px) {
1296.         ul.ffbasari { width: 83% !important; }
1297. }
1298.  
1299. @media screen and (min-width: 768px) and (max-width: 1170px) {
1300.         ul.ffbasari { width: 82% !important; }
1301. }
1302.  
1303. @media screen and (min-width: 768px) and (max-width: 1090px) {
1304.         ul.ffbasari { width: 68% !important; }
1305. }
1306.  
1307. @media screen and (min-width: 768px) and (max-width: 990px) {
1308.         ul.ffbasari { width: 53% !important; }
1309. }
1310.  
1311. @media screen and (min-width: 768px) and (max-width: 920px) {
1312.         ul.ffbasari { display:none !important; }
1313. }
1314.  
1315. @media screen and (min-width: 820px) and (max-width: 1154px) {
1316.         .basarimuser {
1317.                 width: 30% !important;
1318.         }
1319. }
1320. @media screen and (max-width: 820px) {
1321.         .basarimuser {
1322.                 width: 47% !important;
1323.         }
1324. }
1325.  
1326. @media screen and (max-width: 506px) {
1327.         .basarimuser {
1328.                 width: 100% !important;
1329.         }
1330. }
1331.  
1332. @media screen and (min-width: 768px) and (max-width: 1024px) {
1333.  
1334.         table.table_list tbody.content td.stats
1335.  
1336.         {
1337.  
1338.                 display: none;
1339.  
1340.         }
1341.  
1342.         table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost
1343.  
1344.         {
1345.  
1346.                 width: 35% !important;
1347.  
1348.         }
1349.  
1350. }
1351.  
1352. @media screen and (max-width:900px) {
1353.  
1354.         .basari_block { width:25%; }
1355. }
1356.  
1357. @media screen and (max-width:640px) {
1358.  
1359.         .like_posts_notification { left: 0px !important; top: 200px !important; }
1360. }
1361.  
1362.