@charset 'UTF-8'; .collSet .elem_nH .live .txtBox .nowLive .pretitle {display:inline-block;width:100%;font:var(--R-400_16); text-transform:none; letter-spacing:0.15pt;} .txtBox .nexLive {padding-top:1.2rem;} .txtBox .nexLive > * {font:var(--R-400_16);line-height:2.4rem;} .txtBox .nexLive > .maintitle {letter-spacing:0.2pt;font-weight:300;border-left:0.1rem solid #cd0000;padding-left:0.8rem;} .txtBox .nexLive .datemi {padding-right:0.8rem;} .txtBox .nexLive .datemi:before {content:'';display:inline-block;width:1rem;height:1rem;border:0.2rem solid #cd0000;background:transparent;border-radius:100%;position:relative;top:0.2rem;margin-right:0.8rem;} /** COMUNES *************************************/ /************************************************/ .collSet .video_mod.live .auxBox {background-repeat:no-repeat;background-size:auto 100%;background-position:0.4rem 50%; background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/rtve_nac.svg');} .collSet .video_mod.live[class*='playcrimen'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaycrimen_nac2.png');} .collSet .video_mod.live[class*='playpromesa'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaypromesa_nac2.png');} .collSet .video_mod.live[class*='playepoca'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplayepoca_nac2.png');} .collSet .video_mod.live[class*='playdocs'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaydocs_nac2.png');} .collSet .video_mod.live[class*='playcuentame'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaycuentame_nac2.png');} .collSet .video_mod.live[class*='somoscine'] .auxBox {background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/fast-rtveplaysomoscine_nac2.png');} .collSet .video_mod.live[class*='tv-la1'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg');} .collSet .video_mod.live[class*='tv-la2'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-la2_nac.svg');} .collSet .video_mod.live[class*='tv-24-horas'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-24-horas_nac.svg');} .collSet .video_mod.live[class*='tv-clan'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-clan_nac.svg');} .collSet .video_mod.live[class*='tv-mas24'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-mas24_nac.svg');} .collSet .video_mod.live[class*='tv-teledeporte'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-teledeporte_nac.svg');} .collSet .video_mod.live[class*='tv-playz'] .auxBox {background-image:url('https://img2.rtve.es/css/rtve.directos/logos_cadenas/tv-playz_nac.svg');} .collSet .video_mod.live[class*='tv-int_ame'] .auxBox {transform:scale(1.33);background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-int_ame.svg');} .collSet .video_mod.live[class*='tv-star'] .auxBox {transform:scale(1.25);background-image:url('https://css2.rtve.es/css/rtve.directos/logos_cadenas/tv-star.svg');} .collSet .video_mod.live[class*='tv-int_ame'] .auxBox, .collSet .video_mod.live[class*='tv-star'] .auxBox {transform-origin:left bottom;} /** COMUNES *************************************/ /** END *****************************************/ /** ELEMENTO BASICO *****************************/ /************************************************/ /*enlace global en directos*/ [data-form-type='lives-collection'] .monoBox .elem_nH .cellBox {aspect-ratio:auto;position:relative;} [data-form-type='lives-collection'] .collSet .slideH .video_mod[class*='live'] .cellBox, [data-form-type='lives-collection'] .collSet .slideH .video_mod[class*='live'] {position:static;} .collSet .video_mod[class*='live'] > .butt,.collSet .video_mod[class*='live'] > .butt a {width:100%;} .collSet .video_mod[class*='live'] > .butt {position:absolute;left:0;border-radius:0;border:0;} .collSet .video_mod[class*='live'] > .butt:hover {cursor:pointer;background:transparent;} .collSet .video_mod[class*='live'] > .butt {height:calc(100% - 2.8rem);top:2.8rem;opacity:1;z-index:1;} .collSet .video_mod[class*='live'][class*='fast'] > .butt {height:calc(100% - 3.6rem);top:3.6rem;} .collSet .video_mod[class*='live'] > .butt a {height:100%;padding-top:56.25%;display:inline-flex;} .collSet .video_mod[class*='live'] > .butt strong {width:100%;height:4rem;display:inline-block;text-align:left;font:var(--R-500_16);line-height:4rem;text-transform:uppercase;letter-spacing:0.67pt;color:var(--G02);} .collSet .video_mod[class*='live'] .content .ima {aspect-ratio:16/9;border:0.2rem solid var(--G04);} .collSet .video_mod[class*='live'] .auxBox {margin:-1.2rem 0 1.2rem 0;padding:0;display:inline-block;height:2.8rem;} .collSet .video_mod[class*='live'][class*='fast'] .auxBox {height:3.6rem;} .collSet .video_mod[class*='live'].live .txtBox {margin-top:4rem;} .collSet .video_mod[class*='live'].next_live .maintag {height:2.8rem;display:flex;align-items:center;position:absolute;top:-1.2rem;} .collSet .video_mod[class*='live'].next_live .maintag * {font:var(--R-500_16);line-height:2rem;text-transform:uppercase;color:var(--G02);} .collSet .video_mod[class*='live'].next_live .maintag span {margin-left:0.8rem;padding-left:0.8rem;border-left:0.2rem solid #cd0000;color:#fff;} /*orden de bloques de texto*/ .collSet .video_mod[class*='live'] .content {display:flex;flex-direction:column;} .collSet .video_mod[class*='live'] .txtBox {order:4;} .collSet .video_mod[class*='live'] .maintag {order:3} .collSet .video_mod[class*='live'] .ima {order:2;flex-shrink:0;} .collSet .video_mod[class*='live'] .auxBox {order:1;flex-shrink:0;} .collSet .video_mod[class*='live'] .nowLive .maintitle {font:var(--NS-300_20);} .collSet .video_mod[class*='live'][class*='fast'] .nowLive .maintitle, .collSet .video_mod[class*='live'] .futureLive .maintitle {font:var(--NS-300_24);letter-spacing:0.25pt;font-size:2.2rem;} .collSet .video_mod[class*='live'] .futureLive .pretitle {font:var(--R-400_16);text-transform:none;text-transform:uppercase;width:100%;line-height:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .collSet .video_mod[class*='live'] .futureLive {display:flex;flex-direction:column;} .collSet .video_mod[class*='live'] .futureLive .maintitle {padding-top:1rem;} .collSet .video_mod[class*='live'] .futureLive .pretitle + .maintitle {padding-top:0;} .collSet .video_mod[class*='live'] .txtBox .futureLive p {font:var(--R-300_16);height:auto;padding-top:1rem;} /*progress-bar*/ .collSet .video_mod.live .progressBar {position:absolute;right:1.6rem;height:0.4rem;border-radius:0.2rem;background:var(--G02_67);width:calc(100% - 14.8rem);margin-top:calc(56.25% + 1.8rem);} .collSet .video_mod.live .progressBar span {height:100%;border-radius:0.2rem;background:#fff;position:absolute;left:0;} .collSet .video_mod.live .progressBar {top:2.8rem;} .collSet .video_mod.live[class*='fast'] .progressBar {top:3.6rem;} .collSet .video_mod.live:hover .progressBar span {background:#cd0000;} /*bolito directos*/ .collSet .video_mod[class*='live'] > .butt strong:before, .collSet .video_mod[class*='live'].next_live .maintag:before {content:'';border-radius:100%;margin-right:0.8rem;display:inline-block;} .collSet .video_mod[class*='live'] > .butt strong:before {background:#cd0000;width:1.2rem;height:1.2rem;} .collSet .video_mod[class*='live'].next_live .maintag:before {width:1rem;height:1rem;border:0.2rem solid #cd0000;background:transparent;} /*hover directos/icono-play*/ .collSet .video_mod[class*='live'] > .butt .rtve-icons {height:3.6rem;width:auto;min-width:12rem;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;height:3.6rem;border:0.2rem solid #fff;background-color:#fff;color:#000;border-radius:0.4rem;position:absolute;right:1.6rem;top:-2.8rem;margin-top:56.25%;} .collSet .video_mod[class*='live'] > .butt .rtve-icons:before {font:var(--R-500_16);} .collSet .video_mod.live > .butt .rtve-icons:before {content:"Ver ahora";} .collSet .video_mod.live > .butt .rtve-icons {background-image:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_masa_000000.svg');background-repeat:no-repeat;background-position:0.8rem 50%;background-size:2.2rem 2.2rem;padding-left:2rem;} .collSet .video_mod.next_live > .butt .rtve-icons:before {content:"M\00E1s info";} .collSet .video_mod[class*='live'] > .butt a:hover .rtve-icons {opacity:1;} /** ELEMENTO BASICO *****************************/ /** END******************************************/ /** ANCHOS DE ELEMENTOS *************************/ /************************************************/ [data-form-type='lives-collection'] .slideH .elem1 .elem_nH {width:100%;} [data-form-type='lives-collection'] .slideH .elem2 .elem_nH {width:calc(100% / 2);} [data-form-type='lives-collection'] .slideH .elem3 .elem_nH {width:calc(100% / 3);} [data-form-type='lives-collection'] .slideH .elem4 .elem_nH {width:calc(100% / 4);} [data-form-type='lives-collection'] .slideH .elem5 .elem_nH {width:calc(100% / 5);} [data-form-type='lives-collection'] .slideH .elem6 .elem_nH {width:calc(100% / 6);} [data-form-type='lives-collection'] .slideH .elem7 .elem_nH {width:calc(100% / 7);} [data-form-type='lives-collection'] .slideH .elem8 .elem_nH {width:calc(100% / 8);} [data-form-type='lives-collection'] .slideH .elem9 .elem_nH {width:calc(100% / 9);} [data-form-type='lives-collection'] .slideH .elem10 .elem_nH {width:calc(100% / 10);} [data-form-type='lives-collection'] .slideH .elem11 .elem_nH {width:calc(100% / 11);} [data-form-type='lives-collection'] .slideH .elem12 .elem_nH {width:calc(100% / 12);} [data-form-type='lives-collection'] .slideH .elem13 .elem_nH {width:calc(100% / 13);} [data-form-type='lives-collection'] .slideH .elem14 .elem_nH {width:calc(100% / 14);} [data-form-type='lives-collection'] .slideH .elem15 .elem_nH {width:calc(100% / 15);} [data-form-type='lives-collection'] .slideH .elem16 .elem_nH {width:calc(100% / 16);} [data-form-type='lives-collection'] .slideH .elem17 .elem_nH {width:calc(100% / 17);} [data-form-type='lives-collection'] .slideH .elem18 .elem_nH {width:calc(100% / 18);} [data-form-type='lives-collection'] .slideH .elem19 .elem_nH {width:calc(100% / 19);} [data-form-type='lives-collection'] .slideH .elem20 .elem_nH {width:calc(100% / 20);} @media only screen and (min-width:480px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/2);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(2n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1, [data-form-type='lives-collection'] .slideH .elem2, [data-form-type='lives-collection'] .slideH .elem3 {width:calc(100% / 2);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(4/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(5/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(6/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(8/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/2 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/2 * 100%);} } @media only screen and (min-width:768px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/3);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(3n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1, [data-form-type='lives-collection'] .slideH .elem2, [data-form-type='lives-collection'] .slideH .elem3 {width:calc(100% / 3);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(4/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(5/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(6/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width: calc(8/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/3 * 100%);} } @media only screen and (min-width:1024px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/3);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(3n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1, [data-form-type='lives-collection'] .slideH .elem2, [data-form-type='lives-collection'] .slideH .elem3 {width:calc(100% / 3);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(4/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(5/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(6/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(8/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/3 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/3 * 100%);} } @media only screen and (min-width:1280px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/4);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(4n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 {width:calc(1/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem2 {width:calc(2/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem3 {width:calc(3/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem4 {width:100%;} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(5/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(6/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(8/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/4 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/4 * 100%);} } @media only screen and (min-width:1680px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/5);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(5n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 {width:calc(1/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem2 {width:calc(2/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem3 {width:calc(3/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(4/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem5 {width:100%;} [data-form-type='lives-collection'] .slideH .elem6 {width:calc(6/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(8/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/5 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/5 * 100%);} } @media only screen and (min-width:1920px) { [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH {width:calc(100%/6);} [data-form-type='lives-collection'] .grid_V .comp_nH .elem_nH:nth-of-type(6n+1) {clear:left;} [data-form-type='lives-collection'] .slideH .elem1 {width:calc(1/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem2 {width:calc(2/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem3 {width:calc(3/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem4 {width:calc(4/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem5 {width:calc(5/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem6 {width:100%;} [data-form-type='lives-collection'] .slideH .elem7 {width:calc(7/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem8 {width:calc(8/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem9 {width:calc(9/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem10 {width:calc(10/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem11 {width:calc(11/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem12 {width:calc(12/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem13 {width:calc(13/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem14 {width:calc(14/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem15 {width:calc(15/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem16 {width:calc(16/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem17 {width:calc(17/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem18 {width:calc(18/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem19 {width:calc(19/6 * 100%);} [data-form-type='lives-collection'] .slideH .elem20 {width:calc(20/6 * 100%);} } /* 1920 px 1440 px 1024 px 768 px 480 px 320px — 480px: Mobile devices. 481px — 768px: iPads, Tablets. 769px — 1024px: Small screens, laptops. 1025px — 1200px: Desktops, large screens. 1201px and more — Extra large screens, TV. */ @media only screen and (min-width:480px){ } @media only screen and (min-width:768px){ } @media only screen and (min-width:1024px){ } @media only screen and (min-width:1280px){ } @media only screen and (min-width:1440px){ } @media only screen and (min-width:1680px){ } @media only screen and (min-width:1920px){ }