/* phone */ body { background-color: transparent; } body.site:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; min-width: 360px; } .wb_sbg { background: transparent none repeat-x left top; min-width: 360px; } .site-lang-nl .wb_cont_inner { width: 360px; height: 100%; } .site-lang-nl .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-nl .root { min-height: 100%; height: auto; } #a189a2b66bf135ed72be5284f1293144 { width: auto; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189a2b66bf135ed72be5284f1293144 ul { background: transparent none repeat right top; } #a189a2b66bf135ed72be5284f1293144 ul, #a189a2b66bf135ed72be5284f1293144-det ul { border: 0px none #000000; } #a189a2b66bf135ed72be5284f1293144, #a189a2b66bf135ed72be5284f1293144 ul, #a189a2b66bf135ed72be5284f1293144-det ul { text-align: left; } #a189a2b66bf135ed72be5284f1293144 ul ul, #a189a2b66bf135ed72be5284f1293144-det ul { background: transparent none repeat right top; } #a189a2b66bf135ed72be5284f1293144 li, #a189a2b66bf135ed72be5284f1293144-det li { margin: 0px 0px 0px 0px; } #a189a2b66bf135ed72be5284f1293144 li a, #a189a2b66bf135ed72be5284f1293144-det li a { padding: 10px 10px 10px 10px; border: 0px none #000000; font-style: normal; font: normal bold 18px 'Open Sans',Arial,sans-serif; font-family: 'Open Sans',Arial,sans-serif; color: #000000; text-decoration: none; line-height: 15px; text-transform: uppercase; background: transparent none no-repeat center top; background-size: auto auto; opacity: 1; } #a189a2b66bf135ed72be5284f1293144 li.over > a, #a189a2b66bf135ed72be5284f1293144 li:focus > a, #a189a2b66bf135ed72be5284f1293144-det li.over > a, #a189a2b66bf135ed72be5284f1293144-det li:focus > a { border: 1px solid #b51600; font-style: normal; font: normal bold 18px 'Open Sans',Arial,sans-serif; font-family: 'Open Sans',Arial,sans-serif; color: #b51600; text-decoration: none; line-height: 15px; text-transform: uppercase; background: transparent none no-repeat center center; background-size: auto auto; opacity: 1; } #a189a2b66bf135ed72be5284f1293144 li.active > a, #a189a2b66bf135ed72be5284f1293144-det li.active > a { border-top: 0px solid #b51600; border-right: 0px none #000000; border-bottom: 3px solid #b51600; border-left: 0px none #000000; font-style: normal; font: normal bold 18px 'Open Sans',Arial,sans-serif; font-family: 'Open Sans',Arial,sans-serif; color: #b51600; text-decoration: none; line-height: 15px; text-transform: uppercase; background: transparent none no-repeat center center; background-size: auto auto; opacity: 1; } #a189a2b66bf135ed72be5284f1293144:not(.collapse-expanded) .vmenu ul.open-left,#a189a2b66bf135ed72be5284f1293144:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #a189a2b66bf135ed72be5284f1293144:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #a189a2b66bf1349b74a34c01dd529614 { width: 100%; height: auto; min-height: 1px; max-width: 1200px; flex: 1 1 auto; } #a189a2b66bf1349b74a34c01dd529614 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; justify-items: flex-start; align-items: stretch; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf137ea11ddada9ed99efa0 > .wb_content { width: 100%; height: 100%; } #a189a2b66bf137ea11ddada9ed99efa0 { width: 100%; height: auto; min-height: 500px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 0.58); touch-action: manipulation; } #a189a2b66bf137ea11ddada9ed99efa0 .wb-picture-caption { background-color: rgba(237, 237, 237, 0.66); } #a189a2b66bf137ea11ddada9ed99efa0_pswp .wb-picture-caption { background-color: rgba(237, 237, 237, 0.66); } #a189a2b66bf137ea11ddada9ed99efa0 .wb-lightbox-title { font-style: normal; font: normal normal 20px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #ffffff; text-decoration: none; text-align: center; } #a189a2b66bf137ea11ddada9ed99efa0_pswp .wb-lightbox-title { font-style: normal; font: normal normal 20px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #ffffff; text-decoration: none; text-align: center; } #a189a2b66bf137ea11ddada9ed99efa0 .wb-lightbox-description { font-style: normal; font: normal normal 16px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #ffffff; text-decoration: none; text-align: center; } #a189a2b66bf137ea11ddada9ed99efa0_pswp .wb-lightbox-description { font-style: normal; font: normal normal 16px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #ffffff; text-decoration: none; text-align: center; } #a189a2b66bf136b935677982ed118c99 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #a189a2b66bf136b935677982ed118c99 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; } #wb_header_a189a2b67c0f0173f3c4ba5b6748f012 { width: 100%; height: auto; min-width: 360px; max-width: 992px; flex: 1 1 auto; } #wb_header_a189a2b67c0f0173f3c4ba5b6748f012 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf139979be477ef1797ced8 p:last-child { margin-bottom: 0; } #a189a2b66bf139979be477ef1797ced8 { opacity: 1; width: auto; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #wb_main_a189a2b67c0f0173f3c4ba5b6748f012 { width: 100%; height: auto; min-width: 360px; max-width: 992px; flex: 1 1 auto; } #wb_main_a189a2b67c0f0173f3c4ba5b6748f012 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf16a459974121bcb4a624b { opacity: 1; box-sizing: border-box; width: 33.82%; height: auto; min-width: 151px; max-width: 500px; flex: 0 0 auto; } #a189a2b66bf16a459974121bcb4a624b .wb-picture-wrapper { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px none #d1d1d1; } #a189a2b66bf16a459974121bcb4a624b img { width: 100%; height: auto; } #a189a2b66bf16a459974121bcb4a624b > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a189a2b66bf16e51eef3a16bd2eedfc4 { opacity: 1; box-sizing: border-box; width: 30px; height: auto; max-width: 100%; flex: 0 0 auto; } #a189a2b66bf16e51eef3a16bd2eedfc4 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; } #a189a2b66bf16e51eef3a16bd2eedfc4 .wb-picture-wrapper > a { width: 100%; height: auto; } #a189a2b66bf16e51eef3a16bd2eedfc4 svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #a189a2b66bf16e51eef3a16bd2eedfc4 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a189a2b66bf16d4450bc59dfc48a1170 > .wb_content { width: 100%; height: 100%; } #a189a2b66bf16d4450bc59dfc48a1170 { width: 100%; height: 100%; max-width: 100%; } #a189a2b66bf16d4450bc59dfc48a1170 > .wb_shp { background: #707070 none repeat scroll center center; background-size: auto auto; opacity: 1; border: 0px none transparent; border-radius: 9000px 9000px 9000px 9000px; -moz-border-radius: 9000px 9000px 9000px 9000px; -webkit-border-radius: 9000px 9000px 9000px 9000px; text-shadow: none; box-shadow: none; } #a189a2b66bf16cfb6215f3540690577c { width: 60px; height: 60px; max-width: 100%; margin: 0px 10px 0px 0px; flex: 0 0 auto; } #a189a2b66bf16cfb6215f3540690577c > .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: center; align-items: center; justify-content: center; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf171ea0b6bcff274515f16 { opacity: 1; box-sizing: border-box; width: 30px; height: auto; max-width: 100%; flex: 0 0 auto; } #a189a2b66bf171ea0b6bcff274515f16 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; } #a189a2b66bf171ea0b6bcff274515f16 .wb-picture-wrapper > a { width: 100%; height: auto; } #a189a2b66bf171ea0b6bcff274515f16 svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #a189a2b66bf171ea0b6bcff274515f16 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a189a2b66bf17003d0440269126ea7f0 > .wb_content { width: 100%; height: 100%; } #a189a2b66bf17003d0440269126ea7f0 { width: 100%; height: 100%; max-width: 100%; } #a189a2b66bf17003d0440269126ea7f0 > .wb_shp { background: #707070 none repeat scroll center center; background-size: auto auto; opacity: 1; border: 0px none transparent; border-radius: 9000px 9000px 9000px 9000px; -moz-border-radius: 9000px 9000px 9000px 9000px; -webkit-border-radius: 9000px 9000px 9000px 9000px; text-shadow: none; box-shadow: none; } #a189a2b66bf16ffb6a891b0072d006d3 { width: 60px; height: 60px; max-width: 100%; margin: 0px 10px 0px 10px; flex: 0 0 auto; } #a189a2b66bf16ffb6a891b0072d006d3 > .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: center; align-items: center; justify-content: center; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf16b74488eab33cab8da8c { width: auto; height: auto; max-width: 100%; margin: 0px 0px 40px 0px; flex: 0 0 auto; } #a189a2b66bf16b74488eab33cab8da8c > .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: center; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf1691e5e40039e8f6f14f0 { width: 50%; height: auto; max-width: 100%; flex: 0 0 auto; } #a189a2b66bf1691e5e40039e8f6f14f0 > .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: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf1733611e6b11512d26654 p:last-child { margin-bottom: 0; } #a189a2b66bf1733611e6b11512d26654 { opacity: 1; width: auto; height: auto; max-width: 100%; margin: 0px 0px 20px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189a2b66bf175c9428067d1b7bab0a3 { opacity: 1; box-sizing: border-box; width: 30px; height: auto; max-width: 100%; margin: 0px 20px 0px 0px; flex: 0 0 auto; } #a189a2b66bf175c9428067d1b7bab0a3 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; } #a189a2b66bf175c9428067d1b7bab0a3 .wb-picture-wrapper > a { width: 100%; height: auto; } #a189a2b66bf175c9428067d1b7bab0a3 svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #a189a2b66bf175c9428067d1b7bab0a3 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a189a2b66bf1760d6405dff387f99b71 p:last-child { margin-bottom: 0; } #a189a2b66bf1760d6405dff387f99b71 { opacity: 1; width: 79.88%; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189a2b66bf17499796770dac733c5c7 { width: auto; height: auto; max-width: 100%; margin: 0px 0px 20px 0px; flex: 0 0 auto; } #a189a2b66bf17499796770dac733c5c7 > .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: center; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf178f9be6449d8a17a6f2e { opacity: 1; box-sizing: border-box; width: 30px; height: auto; max-width: 100%; margin: 0px 20px 0px 0px; flex: 0 0 auto; } #a189a2b66bf178f9be6449d8a17a6f2e .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: 100%; height: auto; } #a189a2b66bf178f9be6449d8a17a6f2e .wb-picture-wrapper > a { width: 100%; height: auto; } #a189a2b66bf178f9be6449d8a17a6f2e svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #a189a2b66bf178f9be6449d8a17a6f2e > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a189a2b66bf17976aa1bb3690562e81e p:last-child { margin-bottom: 0; } #a189a2b66bf17976aa1bb3690562e81e { opacity: 1; width: auto; height: auto; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a189a2b66bf177dc5bab746b22649882 { width: auto; height: auto; max-width: 100%; margin: 0px 0px 20px 0px; flex: 0 0 auto; } #a189a2b66bf177dc5bab746b22649882 > .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: center; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf172544fd214c5c232ac70 { width: auto; height: auto; max-width: 100%; flex: 0 0 auto; } #a189a2b66bf172544fd214c5c232ac70 > .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: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf168dc8473753cc14e9c7c { width: 100%; height: auto; min-height: 200px; max-width: 1200px; flex: 0 0 auto; } #a189a2b66bf168dc8473753cc14e9c7c.wb-anim-entry-on { animation: wb-anim-fade-in-none 0.6s ease-out; animation-iteration-count: 1; } #a189a2b66bf168dc8473753cc14e9c7c > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 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: stretch; justify-content: space-around; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a189a2b66bf1679050552bf036eae04e { width: 100%; height: auto; min-height: 100px; max-width: 100%; flex: 0 0 auto; } #a189a2b66bf1679050552bf036eae04e > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 0px 40px 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: #3e3e3e 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; } #wb_footer_a189a2b67c0f0173f3c4ba5b6748f012 { width: 100%; height: auto; min-width: 360px; max-width: 992px; flex: 1 1 auto; } #wb_footer_a189a2b67c0f0173f3c4ba5b6748f012 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: flex-start; 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) { #a189a2b66bf135ed72be5284f1293144 > ul, #a189a2b66bf135ed72be5284f1293144-det > ul { display: block; } #a189a2b66bf16cfb6215f3540690577c { margin: 0px 10px 0px 0px; } #a189a2b66bf16ffb6a891b0072d006d3 { margin: 0px 10px 0px 10px; } #a189a2b66bf16b74488eab33cab8da8c { margin: 0px 0px 40px 0px; } #a189a2b66bf1733611e6b11512d26654 { margin: 0px 0px 20px 0px; } #a189a2b66bf175c9428067d1b7bab0a3 { margin: 0px 20px 0px 0px; } #a189a2b66bf17499796770dac733c5c7 { margin: 0px 0px 20px 0px; } #a189a2b66bf178f9be6449d8a17a6f2e { margin: 0px 20px 0px 0px; } #a189a2b66bf177dc5bab746b22649882 { margin: 0px 0px 20px 0px; } } /* desktop */ @media (min-width: 992px) { #a189a2b66bf16cfb6215f3540690577c { margin: 0px 10px 0px 0px; } #a189a2b66bf16ffb6a891b0072d006d3 { margin: 0px 10px 0px 10px; } #a189a2b66bf16b74488eab33cab8da8c { margin: 0px 0px 40px 0px; } #a189a2b66bf1733611e6b11512d26654 { margin: 0px 0px 20px 0px; } #a189a2b66bf175c9428067d1b7bab0a3 { margin: 0px 20px 0px 0px; } #a189a2b66bf17499796770dac733c5c7 { margin: 0px 0px 20px 0px; } #a189a2b66bf178f9be6449d8a17a6f2e { margin: 0px 20px 0px 0px; } #a189a2b66bf177dc5bab746b22649882 { margin: 0px 0px 20px 0px; } } /* tv */ @media (min-width: 1200px) { } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #a189a2b66bf136b935677982ed118c99 > .wb_content { background: transparent none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a189a2b66bf137ea11ddada9ed99efa0 { width: 100%; margin-left: 0; margin-right: 0; } #a189a2b66bf168dc8473753cc14e9c7c > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; flex-direction: column; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a189a2b66bf1691e5e40039e8f6f14f0 { width: auto; margin-left: 0; margin-right: 0; } #a189a2b66bf172544fd214c5c232ac70 { 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) { }