/* phone */ body { background-color: transparent; } body.site:before { background: transparent none repeat-x scroll center top; background-size: auto auto; } .wb_sbg { background: transparent none repeat center top; } .site-lang-hu .wb_cont_inner { width: 360px; height: 100%; } .site-lang-hu .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-hu .root { min-height: 100%; height: auto; } #a18d2177fb780091066a5ea5a3700dda { opacity: 1; box-sizing: border-box; width: 41.94%; height: auto; min-width: 177px; max-width: 460px; flex: 0 0 auto; } #a18d2177fb780091066a5ea5a3700dda .wb-picture-wrapper { border-radius: 9000px; -moz-border-radius: 9000px; -webkit-border-radius: 9000px; border: 0px none #d1d1d1; } #a18d2177fb780091066a5ea5a3700dda img { width: 100%; height: auto; } #a18d2177fb780091066a5ea5a3700dda > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18c211f83d300b80876c1b7a2bf3fe4 { opacity: 1; box-sizing: border-box; width: 33.54%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18c211f83d300b80876c1b7a2bf3fe4 .wb-picture-wrapper { border-radius: nullpx; -moz-border-radius: nullpx; -webkit-border-radius: nullpx; border: 0px none #000000; } #a18c211f83d300b80876c1b7a2bf3fe4 img { width: 100%; height: auto; } #a18c211f83d300b80876c1b7a2bf3fe4 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a188dd9ab00e26e9b79dfd30df6fa21f p:last-child { margin-bottom: 0; } #a188dd9ab00e26e9b79dfd30df6fa21f { opacity: 0.86; width: auto; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: 4.2426406871193px 4.2426406871193px 2px rgba(0, 0, 0, 0.3); } #a18c2123917b00596714d757dbcae24f { width: 37.92%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18c2123917b00596714d757dbcae24f > .wb_content { min-width: 20px; min-height: 20px; padding: 4px 20px 0px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a188dd9ab00e25daa2f72916ebcebf00 { width: 100%; height: auto; min-height: 207px; max-width: 1221px; margin: 0px 40px 0px 40px; flex: 0 0 auto; } #a188dd9ab00e25daa2f72916ebcebf00 > .wb_content { min-width: 20px; min-height: 20px; padding: 4px 2px 7px 0px; border: 0px none #000000; -moz-border-radius: nullpx; -webkit-border-radius: nullpx; border-radius: nullpx; background-color: transparent; justify-items: center; align-items: center; justify-content: space-around; align-content: space-around; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a188dd9ab00e25daa2f72916ebcebf00 > .wb_content:before { background: transparent url("../gallery_gen/96bd3c29840fe2e1280c699e83768e29_fit.jpg") repeat fixed left top; background-size: auto auto; opacity: 0.17; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: nullpx; -moz-border-radius: nullpx; -webkit-border-radius: nullpx; } #wb_header_a18d09b53f13004a79d974ee82af1b6a { width: 100%; height: auto; min-height: 228px; max-width: 100%; flex: 0 0 auto; } #wb_header_a18d09b53f13004a79d974ee82af1b6a > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent url("../gallery_gen/96bd3c29840fe2e1280c699e83768e29_fit.jpg") no-repeat fixed center center; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d09b53bc10039398d5d009ac75138 .btn-collapser { display: inline-block; background-color: #ffffff; border-color: #3c8497; } #a18d09b53bc10039398d5d009ac75138 .btn-collapser > .icon-bar { background-color: #3c8497; } #a18d09b53bc10039398d5d009ac75138 .btn-collapser:hover { background-color: #ffffff; border-color: #3c8497; } #a18d09b53bc10039398d5d009ac75138 .btn-collapser:hover > .icon-bar { background-color: #3c8497; } #a18d09b53bc10039398d5d009ac75138 { width: 100%; height: auto; max-width: 100%; margin: 10px 0px 10px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a18d09b53bc10039398d5d009ac75138 ul { background: #ffffff none repeat left top; } #a18d09b53bc10039398d5d009ac75138 li, #a18d09b53bc10039398d5d009ac75138-det li { margin: 0px 0px 0px 0px; } #a18d09b53bc10039398d5d009ac75138 li a, #a18d09b53bc10039398d5d009ac75138-det li a { padding: 2px 6px 2px 6px; border: 0px none #000000; font-style: normal; font: normal normal 13px 'Times New Roman',Times,serif; font-family: 'Times New Roman',Times,serif; color: #3c8497; text-decoration: none; line-height: 18px; text-transform: uppercase; background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a18d09b53bc10039398d5d009ac75138 > ul { display: none; } #a18d09b53bc10039398d5d009ac75138.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #a18d09b53bc10039398d5d009ac75138.collapse-expanded > ul > li { display: block; } #a18d09b53bc10039398d5d009ac75138.collapse-expanded li > ul { position: static; } #a18d09b53bc10039398d5d009ac75138.collapse-expanded li.active > ul { display: block!important; } #a18d09b53bc10039398d5d009ac75138.collapse-expanded li.over > ul { display: block!important; } #a18d09b53bc10039398d5d009ac75138 ul, #a18d09b53bc10039398d5d009ac75138-det ul { border: 1px none #000000; } #a18d09b53bc10039398d5d009ac75138, #a18d09b53bc10039398d5d009ac75138 ul, #a18d09b53bc10039398d5d009ac75138-det ul { text-align: center; } #a18d09b53bc10039398d5d009ac75138 ul ul, #a18d09b53bc10039398d5d009ac75138-det ul { background: #ffffff none repeat left top; } #a18d09b53bc10039398d5d009ac75138 li.over > a, #a18d09b53bc10039398d5d009ac75138 li:focus > a, #a18d09b53bc10039398d5d009ac75138-det li.over > a, #a18d09b53bc10039398d5d009ac75138-det li:focus > a { border: 0px none #000000; font-style: normal; font: normal normal 13px 'Times New Roman',Times,serif; font-family: 'Times New Roman',Times,serif; color: #3c8497; text-decoration: none; line-height: 18px; text-transform: uppercase; background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #a18d09b53bc10039398d5d009ac75138 li.active > a, #a18d09b53bc10039398d5d009ac75138-det li.active > a { border: 0px none #000000; font-style: normal; font: normal bold 13px 'Times New Roman',Times,serif; font-family: 'Times New Roman',Times,serif; color: #3c8497; text-decoration: underline; line-height: 18px; text-transform: uppercase; background: transparent url('../gallery/selected%20menu.png') no-repeat center center; background-size: auto auto; opacity: 1; } #a18d09b53bc10039398d5d009ac75138:not(.collapse-expanded) .vmenu ul.open-left,#a18d09b53bc10039398d5d009ac75138:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #a18d09b53bc10039398d5d009ac75138:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #a18d09b53bc00062a36ba6ec932fdf22 { width: auto; height: auto; max-width: 100%; flex: 0 0 auto; } #a18d09b53bc00062a36ba6ec932fdf22 > .wb_content { min-width: 20px; min-height: 20px; padding: 4px 2px 7px 0px; border: 0px none #000000; -moz-border-radius: nullpx; -webkit-border-radius: nullpx; border-radius: nullpx; background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d1c2b5a0b001f3287eacf0a4510a3 { opacity: 1; box-sizing: border-box; width: 16.05%; height: auto; min-width: 240px; max-width: 254px; flex: 0 0 auto; } #a18d1c2b5a0b001f3287eacf0a4510a3 .wb-picture-wrapper { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px none #d1d1d1; } #a18d1c2b5a0b001f3287eacf0a4510a3 img { width: 100%; height: auto; } #a18d1c2b5a0b001f3287eacf0a4510a3 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18d09b7243200a8104c44979d16346d p:last-child { margin-bottom: 0; } #a18d09b7243200a8104c44979d16346d { opacity: 1; width: 64.25%; height: auto; max-width: 806px; margin: 20px 0px 20px 20px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a18d09b9564d00a4109701f801ccfd0c { width: 100%; height: auto; max-width: 100%; margin: 20px 0px 20px 0px; flex: 1 1 auto; } #a18d09b9564d00a4109701f801ccfd0c > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d09b76d6a0009a7550bdd8c49457b { width: 100%; height: auto; min-width: 20px; min-height: 20px; max-width: 100%; flex: 0 0 auto; } #a18d09b76d6a0009a7550bdd8c49457b > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; } #a18d09b53bc102930c12ff7143b3207c { width: auto; height: auto; max-width: 100%; margin: 10px 10px 10px 10px; flex: 1 1 auto; } #a18d09b53bc102930c12ff7143b3207c > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d09b53bc1013de91e9a4125dc1331 { width: 100%; height: auto; min-height: 100px; max-width: 100%; flex: 1 1 auto; } #a18d09b53bc1013de91e9a4125dc1331 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: stretch; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d09b53bc10a42594842ee54f6bd4a { width: auto; height: auto; max-width: 100%; margin: 10px 10px 10px 10px; flex: 1 1 auto; } #a18d09b53bc10a42594842ee54f6bd4a > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18d09b53bc1098f5c97abffffa6b169 { width: 100%; height: auto; min-height: 100px; max-width: 100%; flex: 1 1 auto; } #a18d09b53bc1098f5c97abffffa6b169 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_main_a18d09b53f13004a79d974ee82af1b6a { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_main_a18d09b53f13004a79d974ee82af1b6a > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent url("../gallery_gen/96bd3c29840fe2e1280c699e83768e29_fit.jpg") no-repeat fixed center center; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18cac8dde83002c0a24bdb403c827d1 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #a18cac8dde83002c0a24bdb403c827d1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a188dd9ab00e339c041e38bba6bce0b6 p:last-child { margin-bottom: 0; } #a188dd9ab00e339c041e38bba6bce0b6 { opacity: 1; width: auto; height: auto; max-width: 100%; margin: 10px 0px 10px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a188dd9ab00e3455a44c5628c6f20f65 { opacity: 1; box-sizing: border-box; width: 14.57%; height: auto; max-width: 100%; margin: 5px 0px 5px 0px; flex: 0 0 auto; } #a188dd9ab00e3455a44c5628c6f20f65 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #a188dd9ab00e3455a44c5628c6f20f65 img { width: 100%; height: auto; } #a188dd9ab00e3455a44c5628c6f20f65 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18d21770ff200800569256ce9e7843c { opacity: 1; box-sizing: border-box; width: 14.57%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18d21770ff200800569256ce9e7843c .wb-picture-wrapper { border-radius: 9000px; -moz-border-radius: 9000px; -webkit-border-radius: 9000px; border: 0px none #d1d1d1; } #a18d21770ff200800569256ce9e7843c img { width: 100%; height: auto; } #a18d21770ff200800569256ce9e7843c > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a188dd9ab00e32bb28ba9b69d0641846 { width: 70.37%; height: 187px; max-width: 1200px; flex: 0 0 auto; } #a188dd9ab00e32bb28ba9b69d0641846 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: space-between; align-content: space-around; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_a18d09b53f13004a79d974ee82af1b6a { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_a18d09b53f13004a79d974ee82af1b6a > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent url("../gallery_gen/96bd3c29840fe2e1280c699e83768e29_fit.jpg") no-repeat fixed left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_c > .wb_content { width: 100%; height: 100%; } #wb_footer_c { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } /* tablet */ @media (min-width: 768px) { #a188dd9ab00e25daa2f72916ebcebf00 { margin: 0px 40px 0px 40px; } #a18d09b53bc10039398d5d009ac75138 { margin: 10px 0px 10px 0px; } #a18d09b53bc10039398d5d009ac75138 ul { background: transparent none no-repeat center center; } #a18d09b53bc10039398d5d009ac75138 li, #a18d09b53bc10039398d5d009ac75138-det li { margin: 1px 0px 1px 0px; } #a18d09b53bc10039398d5d009ac75138 li a, #a18d09b53bc10039398d5d009ac75138-det li a { padding: 3px 9px 3px 9px; } #a18d09b53bc10039398d5d009ac75138 .btn-collapser { display: none; } #a18d09b53bc10039398d5d009ac75138 > ul, #a18d09b53bc10039398d5d009ac75138-det > ul { display: block; } #a18d09b7243200a8104c44979d16346d { margin: 20px 0px 20px 20px; } #a18d09b9564d00a4109701f801ccfd0c { margin: 20px 0px 20px 0px; } #a18d09b53bc102930c12ff7143b3207c { margin: 10px 10px 10px 10px; } #a18d09b53bc10a42594842ee54f6bd4a { margin: 10px 10px 10px 10px; } #a188dd9ab00e339c041e38bba6bce0b6 { margin: 10px 0px 10px 0px; } #a188dd9ab00e3455a44c5628c6f20f65 { margin: 10px 0px 10px 0px; } } /* desktop */ @media (min-width: 992px) { #a188dd9ab00e25daa2f72916ebcebf00 { margin: 0px 40px 0px 40px; } #a18d09b53bc10039398d5d009ac75138 { margin: 10px 0px 10px 0px; } #a18d09b53bc10039398d5d009ac75138 li, #a18d09b53bc10039398d5d009ac75138-det li { margin: 1px 0px 1px 0px; } #a18d09b53bc10039398d5d009ac75138 li a, #a18d09b53bc10039398d5d009ac75138-det li a { padding: 4px 12px 4px 12px; } #a18d09b7243200a8104c44979d16346d { margin: 20px 0px 20px 20px; } #a18d09b9564d00a4109701f801ccfd0c { margin: 20px 0px 20px 0px; } #a18d09b53bc102930c12ff7143b3207c { margin: 10px 10px 10px 10px; } #a18d09b53bc10a42594842ee54f6bd4a { margin: 10px 10px 10px 10px; } #a188dd9ab00e339c041e38bba6bce0b6 { margin: 10px 0px 10px 0px; } #a188dd9ab00e3455a44c5628c6f20f65 { margin: 10px 0px 10px 0px; } } /* tv */ @media (min-width: 1200px) { #a188dd9ab00e25daa2f72916ebcebf00 { margin: 0px 40px 0px 40px; } #a18d09b53bc10039398d5d009ac75138 { margin: 10px 0px 10px 0px; } #a18d09b53bc10039398d5d009ac75138 li, #a18d09b53bc10039398d5d009ac75138-det li { margin: 2px 0px 2px 0px; } #a18d09b53bc10039398d5d009ac75138 li a, #a18d09b53bc10039398d5d009ac75138-det li a { padding: 5px 15px 5px 15px; } #a18d09b7243200a8104c44979d16346d { margin: 20px 0px 20px 20px; } #a18d09b9564d00a4109701f801ccfd0c { margin: 20px 0px 20px 0px; } #a18d09b53bc102930c12ff7143b3207c { margin: 10px 10px 10px 10px; } #a18d09b53bc10a42594842ee54f6bd4a { margin: 10px 10px 10px 10px; } #a188dd9ab00e339c041e38bba6bce0b6 { margin: 10px 0px 10px 0px; } #a188dd9ab00e3455a44c5628c6f20f65 { margin: 10px 0px 10px 0px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { #a188dd9ab00e25daa2f72916ebcebf00 > .wb_content { background-color: transparent; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a18c2123917b00596714d757dbcae24f { width: auto; margin-left: 0; margin-right: 0; } } /* phone_only */ @media (max-width: 767px) { #wb_header_a18d09b53f13004a79d974ee82af1b6a > .wb_content { background: transparent url("../gallery_gen/96bd3c29840fe2e1280c699e83768e29_fit.jpg") no-repeat fixed center center; background-size: auto auto; opacity: 1; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a188dd9ab00e25daa2f72916ebcebf00 { width: auto; margin-left: 0; margin-right: 0; } #a18d09b53bc10039398d5d009ac75138 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } #a18d09b76d6a0009a7550bdd8c49457b > .wb_content { flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a188dd9ab00e3455a44c5628c6f20f65 { display: none; width: auto; margin-left: 0; margin-right: 0; } #a188dd9ab00e32bb28ba9b69d0641846 > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a188dd9ab00e339c041e38bba6bce0b6 { width: auto; margin-left: 0; margin-right: 0; } #a18d21770ff200800569256ce9e7843c { width: auto; margin-left: 0; margin-right: 0; } } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */ /* touch_device */ @media (any-pointer: coarse) { } /* mouse_device */ @media (any-pointer: fine) and (min-width: 767px) { }