1/* desbest edit */ 2 3 4@media screen and (max-width: 480px){ 5 6 .desktop { display: none; } .mobile { display: block; } 7 8 fieldset, 9 #mediamanager__page, 10 #mediamanager__page .filelist{ 11 max-width: 100%; min-width: unset; 12 } 13 #mediamanager__page .file, 14 #mediamanager__page .namespaces, 15 #mediamanager__page .panel { 16 width: 100%; clear: both; float: none; 17 } 18 li, dd { margin: 1.15em 0px !important; } 19 #config__manager tr { display: block; } 20 #config__manager td { display: block; padding: 1.15em 0px; max-width: 50%; } 21 #config__manager fieldset { margin: 1em 0px; } 22 #config__manager fieldset td.value { width: unset; } 23 24 #config__manager td .input, 25 #config__manager fieldset td.value, 26 #config__manager td input.edit { 27 max-width: 75%; 28 } 29 30 /* spacious specific */ 31 32 /* */ 33 34} 35 36 37 38/* from wordpress theme */ 39 40 41/* =RESPONSIVE STRUCTURE 42----------------------------------------------- */ 43@media screen and (min-width: 1500px) { 44 .wide-978 #featured-slider .entry-container { 45 left: 17.6%; 46 } 47 .wide-1218 #featured-slider .entry-container { 48 left: 9.6%; 49 } 50} 51 52@media screen and (min-width: 1650px) { 53 .wide-978 #featured-slider .entry-container { 54 left: 19.45%; 55 } 56 .wide-1218 #featured-slider .entry-container { 57 left: 11.9%; 58 } 59} 60 61@media screen and (max-width: 1308px) { 62 #page { 63 width: 97%; 64 } 65 .wide-1218 #page, .wide-978 #page { 66 width: 100%; 67 } 68 .inner-wrap { 69 width: 94%; 70 } 71} 72 73@media screen and (max-width: 1078px) { 74 body { 75 padding: 15px 0; 76 } 77 #featured-slider .entry-container { 78 max-width: 60%; 79 } 80 .call-to-action-content { 81 float: none; 82 width: 100%; 83 margin-bottom: 10px; 84 text-align: center; 85 } 86 .call-to-action-button { 87 width: 93%; 88 } 89 .footer-socket-wrapper .copyright { 90 float: none; 91 max-width: 100%; 92 text-align: center; 93 margin-bottom: 5px; 94 } 95 .footer-socket-wrapper .small-menu { 96 float: none; 97 text-align: center; 98 } 99 .footer-socket-wrapper .small-menu li { 100 float: none; 101 display: inline; 102 } 103 .footer-socket-wrapper .small-menu a { 104 float: none; 105 display: inline; 106 padding: 5px 5px 0; 107 } 108 .small-menu li.default-menu, li.default-menu { 109 display: none; 110 } 111 .tg-one-half, .tg-one-third, .tg-one-fourth { 112 float: left; 113 width: 46.7684729%; 114 } 115 #colophon .tg-one-third { 116 float: left; 117 margin-right: 2.38916257%; 118 padding: 0 0 30px; 119 width: 31.7405583%; 120 } 121 #colophon .tg-one-third.tg-after-two-blocks-clearfix { 122 clear: none; 123 } 124 .widget_service_block .tg-one-third { 125 float: left; 126 margin: 0 2.46305%; 127 padding: 0 0 30px; 128 width: 28.4072%; 129 } 130 .tg-one-half-last, .tg-one-fourth-last { 131 float: right; 132 } 133 .tg-service-left { 134 float: left; 135 margin: 0; 136 } 137 .tg-service-right { 138 float: right; 139 margin: 0; 140 } 141 .tg-column-1, .tg-column-3 { 142 float: left; 143 width: 46.7684729%; 144 } 145 .tg-column-2, .tg-column-4 { 146 float: right; 147 margin-right: 0; 148 } 149 .tg-after-two-blocks-clearfix { 150 clear: both; 151 } 152 .tg-after-three-blocks-clearfix { 153 clear: none; 154 } 155} 156 157@media screen and (max-width: 768px) { 158 #primary, #secondary, .wide-978 #primary, .narrow-978 #primary { 159 float: none; 160 width: 100%; 161 margin: 0; 162 } 163 #header-left-section { 164 float: none; 165 max-width: 100%; 166 margin-right: 0px; 167 } 168 #header-logo-image { 169 float: none; 170 text-align: center; 171 margin-bottom: 10px; 172 padding-right: 0; 173 } 174 #header-text { 175 float: none; 176 text-align: center; 177 padding: 0; 178 margin-bottom: 10px; 179 } 180 #site-description { 181 padding-bottom: 5px; 182 } 183 #header-right-section { 184 float: none; 185 max-width: 100%; 186 } 187 #header-right-section .widget { 188 padding: 0 0 10px 0; 189 float: none; 190 text-align: center; 191 } 192 #header-right-section #header-right-sidebar { 193 width: 100%; 194 } 195 .site-header .menu-toggle { 196 display: block; 197 text-align: left; 198 padding: 10px 20px; 199 } 200 .main-small-navigation { 201 width: 100%; 202 } 203 .main-navigation { 204 float: none; 205 padding-top: 0; 206 width: 100%; 207 } 208 .main-navigation.toggled .nav-menu { 209 display: block; 210 } 211 .spacious-menu-header-button-enabled .main-navigation .menu-primary-container > ul { 212 display: none; 213 } 214 .main-navigation ul { 215 display: none; 216 } 217 #featured-slider .entry-container { 218 max-width: 70%; 219 } 220 #featured-slider .entry-description-container { 221 padding: 5px 10px; 222 padding: 0.5rem 1rem; 223 } 224 #featured-slider .slider-title-head { 225 margin-bottom: 0; 226 } 227 #featured-slider .entry-title span { 228 font-size: 18px; 229 line-height: 1.4; 230 } 231 #featured-slider .entry-content p { 232 font-size: 14px; 233 line-height: 1.4; 234 } 235 #featured-slider .slider-read-more-button { 236 font-size: 14px; 237 padding: 5px 10px; 238 padding: 0.5rem 1rem; 239 } 240 .woocommerce .related ul.products li.first, 241 .woocommerce-page .related ul.products li.first { 242 clear: both; 243 } 244 .woocommerce .related ul.products li.product, 245 .woocommerce-page .related ul.products li.product { 246 width: 48%; 247 margin: 0 0 1em 0; 248 } 249 .woocommerce .related ul.products li.product input.input-text, .woocommerce .related ul.products li.product textarea, 250 .woocommerce-page .related ul.products input.input-text, 251 .woocommerce-page .related ul.products textarea, 252 .woocommerce form .form-row input.input-text, 253 .woocommerce form .form-row textarea { 254 line-height: 1.5em; 255 padding: 10px; 256 } 257 .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { 258 line-height: 1.5em; 259 padding: 10px; 260 } 261 /* =RESPONSIVE SUB TOGGLE MENU 262 ----------------------------------------------- */ 263 /* sub-toggle */ 264 .sub-toggle { 265 background: #0FBE7C none repeat scroll 0 0; 266 color: #ffffff; 267 cursor: pointer; 268 display: block; 269 height: 24px; 270 line-height: 21px; 271 position: absolute; 272 right: 15px; 273 text-align: center; 274 top: 9px; 275 width: 24px; 276 } 277 .main-small-navigation li.current-menu-item > .sub-toggle { 278 background: #ffffff none repeat scroll 0 0; 279 } 280 .main-small-navigation li.current-menu-item > .sub-toggle i { 281 color: #d40234; 282 } 283 .better-responsive-menu .menu-primary-container .sub-menu { 284 display: none; 285 } 286 .sub-toggle span { 287 display: inline-block; 288 font-size: 11px; 289 line-height: 23px; 290 margin-left: 0; 291 } 292 .main-small-navigation li:hover > .sub-toggle { 293 background: #ffffff; 294 color: #0FBE7C; 295 } 296 .sub-toggle span.genericon-downarrow { 297 line-height: 30px; 298 margin-left: 0; 299 } 300 .site-header.spacious-header-display-four .bottom-menu { 301 position: relative; 302 } 303 .site-header.spacious-header-display-four .bottom-menu .menu-toggle { 304 position: absolute; 305 z-index: 9999; 306 right: 20px; 307 top: -40px; 308 } 309 .better-responsive-menu #header-right-section { 310 float: right; 311 margin-top: 15px; 312 max-width: 100%; 313 } 314 .better-responsive-menu #header-right-section .widget { 315 margin-bottom: 10px; 316 } 317 .better-responsive-menu #site-navigation { 318 float: right; 319 margin-top: 10px; 320 padding: 0; 321 } 322 .better-responsive-menu .main-small-navigation { 323 margin-top: 10px; 324 } 325 .better-responsive-menu #header-logo-image { 326 float: left; 327 margin-bottom: 0; 328 margin-right: 10px; 329 } 330 .better-responsive-menu #header-left-section { 331 float: left; 332 margin-top: 10px; 333 } 334 .better-responsive-menu #header-text { 335 margin: 13px 0 0; 336 float: left; 337 text-align: left; 338 } 339 .better-responsive-menu #site-description { 340 font-size: 13px; 341 margin-bottom: 0; 342 } 343 .better-responsive-menu #site-title a { 344 font-size: 28px; 345 } 346 .better-responsive-menu .site-header .menu-toggle { 347 background: #3a3a3a none repeat scroll 0 0; 348 color: #fff; 349 font: 0px/0 a; 350 height: 36px; 351 margin: 0; 352 padding: 0; 353 position: relative; 354 text-align: center; 355 width: 40px; 356 } 357 .better-responsive-menu #header-text-nav-wrap { 358 padding: 0; 359 } 360 .better-responsive-menu #header-text-nav-wrap #header-right-section .widget { 361 padding: 0; 362 } 363 .better-responsive-menu .site-header .menu-toggle::before { 364 font-size: 21px; 365 left: 50%; 366 line-height: 25px; 367 margin-right: 0; 368 position: absolute; 369 top: 50%; 370 -webkit-transform: translate(-50%, -50%); 371 transform: translate(-50%, -50%); 372 } 373 .better-responsive-menu #header-text-nav-container { 374 position: relative; 375 margin-bottom: 15px; 376 border: none; 377 } 378 .better-responsive-menu #site-navigation .menu-primary-container { 379 left: 0; 380 position: absolute; 381 top: 100%; 382 width: 100%; 383 z-index: 9999; 384 } 385} 386 387@media screen and (max-width: 767px) { 388 .social-links { 389 float: none; 390 padding-right: 0; 391 padding-top: 10px; 392 } 393 .small-info-text { 394 float: none; 395 padding-right: 0; 396 } 397 .social-links ul { 398 display: inline-block; 399 } 400 #header-meta { 401 text-align: center; 402 } 403 #header-meta .small-menu { 404 float: none; 405 } 406 #header-meta .small-menu ul { 407 display: inline-block; 408 } 409 .tg-one-half, .tg-one-third, .tg-one-fourth, .widget_service_block .tg-one-third { 410 float: none; 411 width: 100%; 412 margin: 0; 413 } 414 .tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 { 415 float: none; 416 } 417 #primary, #secondary { 418 float: none; 419 width: 100%; 420 margin: 0; 421 } 422 .wide-978 #primary, .narrow-978 #primary, .wide-978 #secondary, .narrow-978 #secondary { 423 width: 100%; 424 } 425 .related-posts { 426 margin: 0; 427 } 428 #colophon .tg-one-third { 429 float: none; 430 width: 100%; 431 margin: 0; 432 } 433 #colophon .tg-one-third.tg-after-two-blocks-clearfix { 434 clear: both; 435 } 436} 437 438@media screen and (max-width: 600px) { 439 .site-header.spacious-header-display-four .bottom-menu .menu-toggle { 440 position: relative; 441 right: 0; 442 top: 0; 443 } 444 .better-responsive-menu #header-logo-image { 445 display: block; 446 float: none; 447 } 448 .better-responsive-menu #header-text { 449 display: block; 450 float: none; 451 margin-top: 12px; 452 text-align: center; 453 } 454 .better-responsive-menu #header-left-section { 455 padding-top: 10px; 456 text-align: center; 457 float: none; 458 } 459 .better-responsive-menu #header-right-section { 460 padding-top: 10px; 461 float: none; 462 } 463 .better-responsive-menu #header-right-sidebar { 464 float: right; 465 } 466 .better-responsive-menu #site-navigation { 467 float: none; 468 margin-top: 0; 469 } 470 .better-responsive-menu .site-header.spacious-header-display-four .bottom-menu .menu-toggle { 471 position: absolute; 472 right: auto; 473 top: -45px; 474 left: 15px; 475 } 476 .better-responsive-menu .site-header.spacious-header-display-four #header-left-section, 477 .better-responsive-menu .site-header.spacious-header-display-four #header-right-section { 478 float: none; 479 } 480 .main-navigation, 481 .main-small-navigation { 482 padding-top: 8px; 483 } 484 #featured-slider .entry-description-container { 485 padding: 3px 6px; 486 padding: 0.3rem 0.6rem; 487 } 488 #featured-slider .entry-title span { 489 font-size: 14px; 490 } 491 #featured-slider .entry-content p { 492 font-size: 10px; 493 } 494 #featured-slider .slider-read-more-button { 495 margin-top: 5px; 496 font-size: 10px; 497 padding: 3px 6px; 498 padding: 0.3rem 0.6rem; 499 } 500 #controllers { 501 bottom: 5px; 502 } 503 #controllers a { 504 height: 4px; 505 margin: 0 3px; 506 width: 12px; 507 } 508 .woocommerce table { 509 font-size: 12px; 510 } 511 .woocommerce table.shop_table { 512 border-collapse: collapse; 513 } 514 .woocommerce table.shop_table th { 515 padding: 9px 2px; 516 } 517 .woocommerce table.shop_table td { 518 padding: 6px 2px; 519 } 520 .woocommerce ul.products li.product h3 { 521 font-size: 18px; 522 } 523 .woocommerce-page ul.products li.product h3 { 524 font-size: 18px; 525 } 526 .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { 527 font-size: 16px; 528 } 529 .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button { 530 font-size: 14px; 531 margin-bottom: 0; 532 padding: 8px 10px; 533 } 534 .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { 535 font-size: 14px; 536 margin-bottom: 0; 537 padding: 8px 10px; 538 } 539 .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty { 540 height: 24px; 541 } 542 .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { 543 height: 24px; 544 } 545 .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text { 546 font-size: 14px; 547 height: 32px; 548 line-height: 1.5; 549 padding: 4px 10px; 550 width: 120px; 551 } 552 .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { 553 font-size: 14px; 554 height: 32px; 555 line-height: 1.5; 556 padding: 4px 10px; 557 width: 120px; 558 } 559 .woocommerce .cart_totals h2 { 560 float: none; 561 } 562 .gallery-columns-4 .gallery-item, 563 .gallery-columns-5 .gallery-item, 564 .gallery-columns-6 .gallery-item, 565 .gallery-columns-7 .gallery-item, 566 .gallery-columns-8 .gallery-item, 567 .gallery-columns-9 .gallery-item { 568 width: 25%; 569 } 570 .author-box .author-img img { 571 margin-bottom: 20px; 572 } 573 .author-box .author-description-wrapper { 574 margin-left: 0; 575 } 576} 577 578@media only screen and (max-width: 4200px) { 579 #page { 580 width: 97%; 581 /*background-color: orange;*/ 582 } 583 .inner-wrap { 584 width: 95%; 585 } 586 #featured-slider .entry-content, 587 #featured-slider .slider-read-more-button { 588 display: none; 589 } 590 .gallery-columns-4 .gallery-item, 591 .gallery-columns-5 .gallery-item, 592 .gallery-columns-6 .gallery-item, 593 .gallery-columns-7 .gallery-item, 594 .gallery-columns-8 .gallery-item, 595 .gallery-columns-9 .gallery-item { 596 width: 33.33%; 597 } 598 .better-responsive-menu #header-text { 599 text-align: center; 600 } 601}