1
@media all and (max-width: 1500px) {
2
.tc_boxed {
3
-webkit-box-sizing: border-box;
4
-moz-box-sizing: border-box;
5
box-sizing: border-box;
6
margin: 0 24px !important
7
}
8
.tc_col_lmr .content_list.tiled .tile{width:50%}
9
.tc_col_lmr .content_list.tiled .tile:nth-child(even) {padding-right:0}
10
.tc_col_lmr .content_list.tiled .tile:nth-child(3n) {padding-right:10px}
11
.tc_col_lmr .content_list.tiled .tile:nth-child(5n) {padding-right:0}
12
.tc_col_lmr .content_list.tiled .info_bar .bi_user, .tc_col_lm .content_list.tiled .info_bar .bi_user{display:none}
13
.tc_col_lmr .widget_content_list.tiles-big .item{width: calc(33% - 15px);}
14
.tc_col_lmr .widget_content_list.tiles-big .item{clear:none !important}
15
.tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:0}
16
.tc_col_lmr .field_movie_list .iwrap{width:50%}
17
.tc_col_lmr .iwrap:nth-child(3n+3) .player_wrap{margin-right:5px}
18
.tc_col_lmr .photo_filter{margin:-10px -20px 15px;padding:0 10px}
19
.tc_col_lmr .photo_filter .box_menu{margin-right:20px}
20
.tc_col_lm .default_list_two, .tc_col_rm .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}
21
.tc_col_m .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(24%, 1fr));}
22
.tc_col_m .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}
23
}
24
25
@media (min-width:881px) and (max-width: 1500px) {
26
.tc_col_lmr .box_menu_dd:last-child{left:auto !important;right:5px;}
27
}
28
29
@media all and (max-width: 1366px) {
30
nav#main_menu.menu_fix .menu{margin:0 0 0 10px}
31
header .widget_user_avatar.menu_fix{right:5px}
32
.tc_col_lmr .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}
33
#breadcrumbs{margin:0 24px !important}
34
}
35
36
@media (min-width:992px) and (max-width: 1300px) {
37
.tc_col_lmr .photo_filter .box_menu{margin-right: 35px;}
38
.tc_col_lmr .box_menu_dd:nth-child(n+8){top:88px;}
39
.tc_col_lmr .box_menu_dd:last-child{right: auto;left: 160px !important;}
40
}
41
42
@media all and (max-width: 1280px) {
43
.sc_good_box .sc_good_image .sc_good_img{width:296px !important}
44
}
45
46
@media (min-width:991px) and (max-width: 1200px) {
47
.tc_col_lmr .widget_content_slider .items .item .title{display:none}
48
.tc_col_lmr .widget_content_slider .items {width:50px}
49
.tc_col_lmr .widget_content_slider .slide {width: 90%}
50
.tc_col_lmr .widget_content_slider .items .item .image{margin-right:0}
51
.tc_col_lmr .widget_content_list.featured .item-first{width: 100%;float: none;margin-right: 0;}
52
.tc_col_lmr .widget_content_list.tiles-big .item {width: calc(50% - 15px);}
53
.tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:15px}
54
.tc_col_lmr .widget_content_list.tiles-big .item:nth-child(2n){margin-right:0}
55
.sc_good_box .sc_good_image .sc_good_img{width:276px !important}
56
}
57
58
@media (min-width:991px) and (max-width: 1152px) {
59
.tc_col_lmr .default_list_two{
grid-template-columns:1fr;}
60
.default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}
61
}
62
63
@media all and (max-width: 1140px) {
64
.sc_good_box .sc_good_image .sc_good_img{width:351px !important}
65
}
66
67
@media (min-width:991px) and (max-width: 1024px) {
68
.widget-photolist li img{width:60px}
69
#tc_bottom_header .menu li a,#tc_top_header .tc_boxed > div .widget_html_block{font-size:13px}
70
#tc_top_header .menu li a{font-size:14px}
71
.tc_col_lmr .widget_content_slider .items {width:60px}
72
.tc_col_lmr .widget_content_slider .slide {width: 89%}
73
.sc_good_box .sc_good_image .sc_good_img{width:313px !important}
74
}
75
76
@media all and (max-width: 991px) {
77
.tc_col_lmr {
78
padding-left: 31%;
79
padding-right: 1%;
80
}
81
#body .tc_col_lmr aside#tc_right_sidebar {
82
width: calc(100% + 44%);
83
float: left;
84
margin: 10px 0 0 56%;
85
position: relative;
86
left: -100%;
87
}
88
#body .tc_col_lmr aside {
89
float: left !important;
90
clear: left;
91
overflow: visible;
92
}
93
header .widget_user_avatar .user_info .avatar{display:none}
94
header .widget_user_avatar .user_info .name{margin-right:0}
95
.sc_good_box .sc_good_image .sc_good_img{width:303px !important}
96
}
97
@media (min-width:881px) and (max-width: 991px) {
98
.tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul {
99
visibility: visible !important;
100
position: static !important;
101
width: 100% !important;
102
box-shadow: none !important;
103
border: none !important;
104
background: transparent !important;
105
display: none;
106
padding-left: 0 !important;
107
}
108
.tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul li {padding-left:10px!important;}
109
.tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu .folder:hover,.tc_col_lmr #tc_right_sidebar .widget_user_avatar .menu li ul li:hover {background: transparent !important;}
110
.tc_col_lm {padding-left: 34%}
111
#body .tc_col_lm aside#tc_left_sidebar {
112
width: 48%;
113
margin-left: -51%;
114
float: left !important;
115
clear: left;
116
overflow: visible;
117
}
118
.tc_col_rm {padding-right: 34%}
119
#body .tc_col_rm aside#tc_right_sidebar {
120
width: 48%;
121
margin-right: -51%;
122
float: right !important;
123
clear: left;
124
overflow: visible;
125
}
126
}
127
128
@media (min-width:881px) and (max-width: 960px) {
129
.tc_col_lmr .photo_filter .box_menu{margin-right: 20px;}
130
.tc_col_lmr .box_menu_dd:last-child{right: auto;top:88px;left:0 !important;}
131
}
132
133
@media (min-width:881px) and (max-width: 920px) {
134
.widget_content_slider .items .item .title{display:none}
135
.widget_content_slider .items {width:50px}
136
.widget_content_slider .slide {width: 90%}
137
.widget_content_slider .items .item .image{margin-right:0}
138
.tc_col_lmr .widget_content_list.featured .item-first{width: 100%;float: none;margin-right: 0;}
139
.tc_col_lmr .widget_content_list.tiles-big .item {width: calc(50% - 15px);}
140
.tc_col_lmr .widget_content_list.tiles-big .item:nth-child(3n){margin-right:15px}
141
.tc_col_lmr .widget_content_list.tiles-big .item:nth-child(2n){margin-right:0}
142
.tc_col_lmr .widget_content_list.tiles-big .item .title a {display: inline-block;height: 40px;overflow: hidden;}
143
footer #widget_pos_footers > div{width:30%}
144
.tc_col_lm .default_list_two,.tc_col_rm .default_list_two{
grid-template-columns:1fr;}
145
.default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}
146
}
147
148
@media all and (max-width: 920px) {
149
.tc_col_lm .field_movie_list .iwrap,.tc_col_rm .field_movie_list .iwrap{width:50%}
150
.tc_col_lm .iwrap:nth-child(3n+3) .player_wrap,.tc_col_rm .iwrap:nth-child(3n+3) .player_wrap{margin-right:5px}
151
.sc_good_box .sc_good_image .sc_good_img{width:278px !important}
152
}
153
154
@media all and (max-width: 899px) {
155
.sc_good_box .sc_good_image .sc_good_img{width:410px !important}
156
}
157
158
@media all and (max-width: 880px) {
159
#tc_top_header .tc_boxed > div > .menu li a{background:none;padding:11px 14px 9px}
160
#tc_top_header .tc_boxed > div > .menu li a:after{content:none}
161
footer #widget_pos_footers > div{width:47%}
162
footer #widget_pos_footers > div:nth-child(3n){clear:both}
163
.widget-photolist li img{width:60px}
164
165
.tc_col_lmr, .tc_col_lm, .tc_col_rm{
166
padding-left: 2px;
167
padding-right: 2px;
168
}
169
#body .tc_col_lmr section#tc_main_content {
170
float: none;
171
}
172
#body .tc_col_lmr aside#tc_left_sidebar {
173
width: 49%;
174
margin-left: 0;
175
}
176
#body .tc_col_lm aside#tc_left_sidebar {
177
width: 100%;
178
margin: 0;
179
padding: 1px;
180
}
181
#body .tc_col_rm aside#tc_right_sidebar {
182
width: 100%;
183
margin: 0;
184
padding: 1px;
185
right: 0;
186
}
187
#body .tc_col_lmr aside#tc_right_sidebar {
188
width: 49%;
189
float: right !important;
190
margin: 0;
191
position: relative;
192
left: auto;
193
right: auto;
194
clear: right;
195
}
196
#tc_top_header{height:85px}
197
.tc_th_left,.tc_th_right{float:none;width:100%;max-width:none;display: inline-block;border: 1px solid rgba(0, 0, 0, 0.10);}
198
.tc_th_right{margin-top: -5px;border-top: none;border-bottom: none;text-align: right;}
199
.topbar_search_form fieldset input[type="search"],.topbar_search_close{height:85px;line-height:82px}
200
.topbar_search_form fieldset:after {top: 10px;left: -10px}
201
202
203
.tc_col_lmr .field_movie_list .iwrap{width:33%}
204
.tc_col_lmr .iwrap:nth-child(3n+3) .player_wrap{margin-right:0}
205
nav#main_menu {display: inline-block}
206
207
.tc_boxed {margin: 0 14px !important;}
208
209
header .tc_th_right .wd_notices_icons li .wd_open_block{left: 0;right: auto;}
210
header .tc_th_right .wd_notices_icons li .wd_open_block:after {right: auto;left: 11px;}
211
212
#body aside .widget_content_list.tiles-big {margin-right: -15px;}
213
#body aside .widget_content_list.tiles-big .item{float: left;width: calc(25% - 15px)}
214
215
.tc_col_lm aside .widget_user_avatar .menu li ul,.tc_col_rm aside .widget_user_avatar .menu li ul {
216
visibility: visible !important;
217
position: static !important;
218
width: 100% !important;
219
box-shadow: none !important;
220
border: none !important;
221
background: transparent !important;
222
display: none;
223
padding-left: 0 !important;
224
}
225
.tc_col_lm aside .widget_user_avatar .menu li ul li ,.tc_col_rm aside .widget_user_avatar .menu li ul li {padding-left:10px!important;}
226
.tc_col_lm aside .widget_user_avatar .menu .folder:hover,.tc_col_lm aside .widget_user_avatar .menu li ul li:hover,.tc_col_rm aside .widget_user_avatar .menu .folder:hover,.tc_col_rm aside .widget_user_avatar .menu li ul li:hover {background: transparent !important;}
227
.tc_col_lmr .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(31%, 1fr));}
228
.default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}
229
}
230
231
@media all and (max-width: 800px) {
232
.tc_col_lmr .iwrap:nth-child(2n+2) .player_wrap{margin-right:5px}
233
footer #widget_pos_footers > div{width:46%}
234
.tc_col_lmr .box_menu_dd:last-child{left:auto !important;right:5px;}
235
.sc_good_box .sc_good_image .sc_good_img{width:370px !important}
236
}
237
@media all and (max-width: 768px) {
238
#body .field_movie_list .iwrap{width:50%}
239
.tc_col_lmr .iwrap:nth-child(2n+2) .player_wrap{margin-right:0}
240
.tc_col_lmr .iwrap:nth-child(odd) .player_wrap{margin-right:5px}
241
.widget_content_slider .slide{width:92%}
242
footer .tc_copyrights .tc_copyright_blocks{display:block}
243
footer .tc_copyrights .tc_left_copyright {width: 100%}
244
footer .tc_copyrights .tc_right_copyright {width: 100%;display: inline-block;text-align:left;padding: 8px 0;border-top: 1px dashed rgba(255, 255, 255, 0.18);}
245
footer .tc_copyrights .tc_right_copyright .menu {float: left}
246
.tc_col_lmr .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}
247
.tc_col_lmr .default_list_two .my_default_list_item .my_item_wrap .miw_photo_block .miw_photo{width:100% !important}
248
.tc_col_m .default_list_two{
grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));}
249
}
250
251
@media all and (max-width: 640px) {
252
#body .tc_col_lmr aside#tc_left_sidebar,#body .tc_col_lmr aside#tc_right_sidebar,footer #widget_pos_footers > div{
253
width: 100%;
254
margin:0;
255
padding:0;
256
float:none;
257
}
258
#widget_pos_footers{padding:10px}
259
.tc_col_lmr aside .widget_user_avatar .menu li ul {
260
visibility: visible !important;
261
position: static !important;
262
width: 100% !important;
263
box-shadow: none !important;
264
border: none !important;
265
background: transparent !important;
266
display: none;
267
padding-left: 0 !important;
268
}
269
.tc_col_lmr aside .widget_user_avatar .menu li ul li {padding-left:10px!important;}
270
.tc_col_lmr aside .widget_user_avatar .menu .folder:hover,.tc_col_lmr aside .widget_user_avatar .menu li ul li:hover {background: transparent !important;}
271
.widget_content_slider .slide{width:90%}
272
#tc_cp_widgets{display:none}
273
header #tc_cp_logo{width:100%}
274
.tc_col_lmr .photo_filter{margin:-10px 0 15px;padding:0 20px}
275
.tc_col_lmr .photo_filter .box_menu{margin-right:0}
276
.sc_good_box .sc_good_image .sc_good_img{width:290px !important}
277
}
278
279
@media all and (max-width: 599px) {
280
.sc_good_box .sc_good_image .sc_good_img{width:100% !important}
281
.default_list_two{
grid-template-columns:1fr !important;}
282
}
283
@media all and (max-width: 500px) {
284
#body .field_movie_list .iwrap{width:100%}
285
.field_movie_list .iwrap .player_wrap{margin-right:0 !important}
286
.widget_content_list.tiles-big,#body aside .widget_content_list.tiles-big{margin:0}
287
.widget_content_list.tiles-big .item,#body aside .widget_content_list.tiles-big .item{width: calc(50% - 15px);}
288
.widget_content_slider .slide {width: 88%}
289
.tc_col_lmr .content_list.tiled .tile{width: 100% !important;padding:0}
290
}
291
292
@media all and (max-width: 480px) {
293
294
.tc_boxed {margin: 0 6px !important;}
295
296
#tc_bottom_header .tc_boxed {margin: 0 !important;}
297
#layout nav#main_menu{display:none}
298
a.menu_mobile {
299
color: #fff;
300
display: block !important;
301
text-decoration: none;
302
padding: 12px;
303
font-size: 20px;
304
line-height: 26px;
305
}
306
#tc_bottom_header.lm_variant a.menu_mobile{color:#444}
307
#layout #main_menu, #layout #menu_mobile > ul, #layout #menu_mobile > ul ul {
308
clear: both;
309
display: flex;
310
flex-flow: column;
311
margin: 0;
312
}
313
#layout #menu_mobile.is_mm_open {
314
margin: 0;
315
max-height: 100%;
316
width: 100%;
317
display: block !important;
318
}
319
320
#layout #menu_mobile > ul ul.is_mi_open {
321
margin: 0;
322
max-height: 55em;
323
padding: 0;
324
position: relative;
325
width: 100%;
326
visibility: visible;
327
background: rgba(0, 0, 0, 0.25);
328
left: 0 !important;
329
top: 0 !important;
330
box-shadow: none;
331
}
332
333
#layout #tc_bottom_header.lm_variant #menu_mobile > ul ul.is_mi_open {background:rgba(167, 167, 167, 0.25)}
334
335
#layout #menu_mobile ul ul.is_mi_open ul {
336
background: rgba(0, 0, 0, 0.15);
337
}
338
339
#layout #menu_mobile > ul {
340
padding: 0;
341
height: auto;
342
line-height: normal;
343
float: none;
344
background:#444
345
}
346
347
#layout #tc_bottom_header.lm_variant #menu_mobile > ul{background:#f3f3f3}
348
349
#layout nav#menu_mobile li {
350
display: inline-block;
351
margin: 0;
352
position: relative;
353
float: none;
354
background: transparent;
355
border-bottom: 1px solid rgba(0, 0, 0, 0.14);
356
}
357
358
#layout #tc_bottom_header.lm_variant nav#menu_mobile li{border-bottom:1px solid rgba(0, 0, 0, 0.08)}
359
360
#layout #menu_mobile li a {
361
display: inline-block;
362
font-size: 14px;
363
letter-spacing: .0px;
364
line-height: 21px;
365
text-decoration: none;
366
height:auto
367
}
368
369
#layout #menu_mobile,#layout #menu_mobile > ul ul {
370
margin: 0;
371
max-height: 0;
372
overflow: hidden;
373
padding: 0;
374
}
375
376
#layout #menu_mobile li a {
377
display: block;
378
padding: 8px 0 6px 15px !important;
379
color: #ddd !important;
380
}
381
382
#layout #tc_bottom_header.lm_variant #menu_mobile li a{color:#444 !important}
383
384
#layout #menu_mobile .menu > li.active > a {
385
background: rgba(0, 0, 0, 0.42) !important;
386
color: #fff !important;
387
}
388
389
#layout #menu_mobile li li a {
390
padding-left: 25px !important;
391
}
392
393
#layout #menu_mobile li li li a {
394
padding-left: 30px !important;
395
}
396
397
#layout #menu_mobile .menu > .folder > a > .wrap:after {
398
float: right;
399
margin: -6px 10px;
400
padding: 13px;
401
}
402
403
#layout #menu_mobile .menu ul .folder > a:after {
404
content: "\f0d7";
405
float: right;
406
margin: -6px 16px;
407
padding: 13px
408
}
409
410
body #maps-map-block #map-canvas {
411
height: 240px !important
412
}
413
footer .tc_footer_text{padding:0 10px}
414
header.tc_header #tc_top_header .menu{z-index:5}
415
header.tc_header #tc_top_header .tc_th_left .menu{z-index:6}
416
.content_item .info_bar .bar_item, .content_list_item .info_bar .bar_item {padding-top: 7px;}
417
.content_item .info_bar .bi_share, .content_list_item .info_bar .bi_share{padding:0 0 12px}
418
}
419
420
@media all and (max-width: 440px) {
421
.widget_content_slider .slide {width: 100%;height: 160px;}
422
.widget_content_slider .items .item{padding:0}
423
.content_item.albums_item .info_bar > div{width: 100%;
display: flex;padding: 8px 0;height: auto;line-height: normal;}
424
.content_item.albums_item .info_bar > div > div{margin:auto}
425
}
426
427
@media all and (max-width: 400px) {
428
header .tc_th_right .wd_notices_icons li #pm_notices_window{left: -45px;right: auto;}
429
header .tc_th_right .wd_notices_icons li #pm_notices_window:after {right: auto;left:57px;}
430
.share .ya-share2__container_size_s .ya-share2__item {margin:6px;}
431
.pagebar_notice{display:none}
432
}
433
434
@media all and (max-width: 376px) {
435
436
.widget_content_list.featured .details{display:none}
437
#tc_top_header .tc_boxed > div > ul{width:42px}
438
#tc_top_header .tc_boxed > div > ul .flexMenu-popup{right:auto}
439
#tc_top_header .tc_boxed > div > div + ul .flexMenu-popup{right: 0;}
440
#tc_top_header .tc_boxed > div > ul .flexMenu-popup li{background: #f7f5f5}
441
#tc_top_header .tc_boxed > div > ul .flexMenu-popup li a{padding: 5px 10px}
442
.login_form h3{font-size:14px}
443
header #tc_cp_logo{width:99%}
444
#tc_cp_widgets{display:none}
445
}
446
447
@media all and (max-width: 360px) {
448
449
.tc_boxed {margin: 0 2px !important;}
450
451
}
452
453
@media all and (max-width: 340px) {
454
455
.tc_boxed {margin: 0 !important;}
456
.tc_th_left, .tc_th_right{width:99%}
457
.widget-photolist li img {
458
width: 58px;
459
}
460
461
footer .tc_boxed{min-width: 290px;}
462
463
}