body { background-color: rgb(255, 255, 255); position: relative; } .header { position: fixed; z-index: 9999; height: 50px; width: 100%; background-color: rgb(11, 114, 181); box-sizing: border-box; } .header2 { position: fixed; z-index: 9999; height: 50px; width: 100%; background-color: rgb(11, 114, 181); box-sizing: border-box; overflow: hidden; display: none; top: 0px; } #responsive_nav { width: 980px; height: auto; margin: 0px auto; } #responsive_nav2 { width: 100%; margin: 0px auto; display: none; } #menutoggle { float: left; display: inline-block; margin: 10px 0px 0px; } #menutoggle i { font-size: 33px; color: rgb(255, 255, 255); } #menut_lbl { float: left; font-family: Oswald; color: rgb(255, 255, 255); font-size: 18px; margin: 17px 0px 0px 5px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.025em; } #m_date { float: left; font-family: "Noto Serif"; color: rgb(255, 255, 255); font-size: 14px; margin: 19px 0px 0px 10px; font-weight: 400; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #logo_m { width: 192px; height: 27px; padding-top: 15px; margin: 0px auto; position: relative; z-index: 9999; display: none; } #logo_m2 { width: 180px; height: 27px; padding-top: 15px; margin: 0px auto; } #search { float: left; } #search i { font-size: 25px; color: rgb(255, 255, 255); } #weather { float: right; margin-top: 13px; border-left: 1px solid rgb(255, 255, 255); padding: 0px 10px; } #weather i { font-size: 25px; color: rgb(255, 255, 255); } #tp_lbl { float: right; font-family: Oswald; color: rgb(255, 255, 255); font-size: 18px; margin: 17px 10px 0px 5px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.025em; } #tp_lbl a, #tp_lbl a:visited, #tp_lbl a:hover { color: rgb(255, 255, 255); text-decoration: none; } #paper_icon { float: right; margin-top: 13px; } #paper_icon i { font-size: 25px; color: rgb(255, 255, 255); } #blogo { width: 288px; height: 38px; text-align: center; z-index: 9999; margin: 24px auto 0px; padding-top: 10px; position: relative; background-color: rgb(255, 255, 255); } #blogo img { width: 93%; } #lb_wrap { width: 970px; height: 90px; margin: 3px auto 0px; text-align: center; } #lb_wrap_article { width: 970px; height: 90px; padding-top: 92px; margin: 0px auto; text-align: center; } #main_nav { width: 980px; height: 23px; padding-top: 91px; margin: 0px auto; overflow: hidden; text-align: justify; } #main_nav ul { width: 100%; margin: 0px auto; overflow: hidden; height: auto; } #main_nav li { font-family: mallory; font-size: 16px; letter-spacing: 0.025em; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #main_nav a, #main_nav a:visited { color: rgb(152, 152, 152); text-decoration: none; } #main_nav a:hover { color: rgb(10, 113, 180); text-decoration: none; transition: 1s; } #main_nav2 { width: 980px; height: auto; margin: 20px auto 0px; overflow: hidden; text-align: justify; } #main_nav2 ul { width: 100%; margin: 0px auto; overflow: hidden; height: auto; } #main_nav2 li { font-family: mallory; font-size: 16px; letter-spacing: 0.025em; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #main_nav2 a, #main_nav2 a:visited { color: rgb(152, 152, 152); text-decoration: none; } #main_nav2 a:hover { color: rgb(10, 113, 180); text-decoration: none; } #mobilenavwrap { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } #mobilenavclose { width: 90%; height: auto; text-align: right; margin-top: 20px; font-family: mallory; font-size: 12px; text-transform: uppercase; color: rgb(152, 152, 152); cursor: pointer; font-weight: 400; } #mobilenavwrap ul { width: 100%; font-family: Oswald; font-size: 18px; letter-spacing: 0.05em; } #mobilenavwrap li { border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0px; } .mnavwrapli_top { border-top: 1px solid rgb(221, 221, 221); } #mobilenavwrap a, #mobilenavwrap a:visited { color: rgb(152, 152, 152); text-decoration: none; } #mobilenavwrap a:hover { color: rgb(10, 113, 180); } #subchannels { width: 980px; height: auto; border-top: 1px solid rgb(227, 227, 227); margin: 0px auto; overflow: hidden; text-align: justify; } #subchannels ul { width: 100%; } #subchannels li { position: relative; vertical-align: top; display: inline-block; zoom: 1; font-family: mallory; font-size: 12px; margin-top: 10px; font-weight: 400; } #subchannels a, #subchannels a:visited { color: rgb(152, 152, 152); text-decoration: none; } #subchannels a:hover { color: rgb(10, 113, 180); } #inq_section { height: auto; overflow: hidden; } #tg_wrap { width: 980px; height: auto; margin: 10px auto 0px; } #tg_wrap2 { width: 980px; height: auto; margin: 10px auto 0px; } #tg_left { display: inline-block; width: 660px; height: auto; } #popular_left { display: inline-block; width: 660px; height: auto; margin-top: 15px; } #top_gallery { width: 100%; height: auto; } #tg_slider { width: 100%; height: 390px; background-size: cover; background-position: 50% 50%; position: relative; } #sm_icons { position: relative; top: 50%; transform: translateY(-50%); margin-left: 10px; width: 30px; } #smov { width: 30px; height: 20px; border-radius: 20px; background-color: rgb(0, 73, 133); color: rgb(255, 255, 255); text-align: center; padding-top: 9px; margin-bottom: 5px; font-size: 14px; } #tg_head_wrap { width: 99.7%; border-left: 1px solid rgb(176, 176, 176); border-right: 1px solid rgb(176, 176, 176); border-bottom: 1px solid rgb(176, 176, 176); height: 260px; } #tg_headline { width: 99.8%; text-align: center; } #tg_headline a, #tg_headline a:visited { color: rgb(0, 0, 0); text-decoration: none; } #tg_headline a:hover { color: rgb(0, 73, 133); text-decoration: none; } #tg_headline h1 { font-family: Mallory-Bold; text-transform: uppercase; font-size: 36px; line-height: 37px; letter-spacing: -0.036em; padding: 20px 20px 10px; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tg_excerpt { width: 99.8%; text-align: center; } #tg_excerpt a, #tg_excerpt a:visited, #tg_excerpt a:hover { color: rgb(0, 0, 0); text-decoration: none; } #tg_excerpt p { font-family: Sindelar-Regular; font-size: 18px; line-height: 22px; padding: 0px 20px 10px; color: rgb(0, 0, 0); max-height: 57px; overflow: hidden; } #tg_postdate { width: 99.8%; text-align: center; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tg_postdate p { font-family: VerlagCond-Book; font-size: 14px; padding: 0px 20px 10px; margin-bottom: 10px; color: rgb(104, 104, 104); } #inq_popular_lbl { width: 100%; height: 40px; background-color: rgb(11, 114, 181); position: relative; overflow: hidden; } #inq_popular_lbl h4 { font-family: Oswald; font-size: 24px; color: rgb(255, 255, 255); letter-spacing: 0.01em; padding: 0px 0px 0px 10px; float: left; font-weight: 700; position: relative; top: 50%; transform: translateY(-50%); } #tg_latest_wrap { width: 640px; height: auto; margin-top: 10px; overflow: hidden; text-align: justify; } #tg_ln { width: 197px; height: auto; vertical-align: top; text-align: left; position: relative; display: inline-block; zoom: 1; } #tg_ln a, #tg_ln a:visited, #tg_ln a:hover { color: rgb(104, 104, 104); text-decoration: none; } #tg_ln h2 { font-family: GuardianEgyp-Medium; font-size: 14px; line-height: 18px; color: rgb(104, 104, 104); margin-top: 5px; } #tg_ln h6 { font-family: Mallory-Bold; font-size: 12px; color: rgb(141, 171, 193); text-transform: uppercase; margin-top: 10px; } #tg_ln p { font-family: VerlagCond-Book; font-size: 14px; color: rgb(104, 104, 104); margin-top: 5px; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tgln_img { width: 100%; height: 125px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } #ribbon_wrap { width: 300px; height: auto; margin: 15px auto 0px; overflow: hidden; text-align: justify; } #ribbon_box { width: 300px; height: 47px; margin: 0px 0px 20px; text-align: left; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #tg_side { display: inline-block; vertical-align: top; width: 300px; height: auto; margin-left: 16px; } #tg_side2 { display: inline-block; vertical-align: top; width: 300px; height: auto; margin-left: 16px; } #billboard { width: 300px; height: 250px; margin: 0px auto 20px; } #trending_wrap { width: 100%; margin-top: 10px; } #tr_lbl { width: 100%; height: auto; border-top: 12px solid rgb(141, 172, 194); border-bottom: 1px solid rgb(104, 104, 104); } #tr_lbl h6 { font-family: Druk-Medium; font-size: 36px; color: rgb(70, 70, 70); padding: 5px 0px; letter-spacing: 0.05em; } #trending_box { width: 100%; height: 310px; margin-top: 10px; } #tr_box { width: 280px; height: auto; margin-bottom: 10px; } #tr_box a, #tr_box a:visited, #tr_box a:hover { color: rgb(104, 104, 104); text-decoration: none; } #trb_img { width: 100%; height: 170px; background-size: cover; background-position: 50% 50%; } #tr_box h2 { font-family: GuardianEgyp-Medium; font-size: 14px; line-height: 18px; color: rgb(104, 104, 104); margin-top: 5px; } #tr_box h6 { font-family: Mallory-Bold; font-size: 12px; color: rgb(141, 171, 193); text-transform: uppercase; margin-top: 5px; } #tr_b_more { width: 100%; text-align: center; font-family: Verlag-Bold; font-size: 10px; color: rgb(104, 104, 104); text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; } #tr_b_more a, #tr_b_more a:visited, #tr_b_more a:hover { color: rgb(104, 104, 104); text-decoration: none; } .scroll { overflow: auto; } .scroll::-webkit-scrollbar { width: 12px; background-color: rgb(224, 228, 229); } .scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: rgb(224, 228, 229); } .scroll::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgb(152, 152, 152); } .swiper-container { width: 100%; height: auto; } .swiper-slide { background-color: rgb(255, 255, 255); } #paginate { width: 300px; position: absolute; top: 0px; } .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: rgb(104, 104, 104) !important; } .opinion_section { background-color: rgb(0, 72, 132); margin-top: 20px; position: relative; } #opinion_lbl { width: 100%; height: 40px; overflow: hidden; padding-top: 15px; } #opinion_lbl h2 { font-family: Oswald; font-size: 36px; color: rgb(255, 255, 255); margin: 0px 0px 0px 37px; float: left; letter-spacing: 0.01em; } #opinion_lbl h3 { font-family: mallory; font-size: 10px; color: rgb(255, 255, 255); margin-right: 40px; float: right; letter-spacing: 0.2em; margin-top: 5px; font-weight: 400; } #opinion_lbl a, #opinion_lbl a:visited, #opinion_lbl a:hover { color: rgb(255, 255, 255); text-decoration: none; } #ops_box1 { width: 100%; height: auto; overflow: hidden; position: relative; } #opb_img { width: 150px; height: 175px; position: absolute; background-size: cover; background-position: 50% 50%; top: 0px; } #opb_img2 { width: 120px; height: 120px; position: absolute; background-size: cover; background-position: 50% 50%; top: 0px; } #opb_img img { width: 100%; } #opb_info { width: 300px; min-height: 170px; float: right; } #opb_info h2 { font-family: mallory; font-size: 24px; letter-spacing: 0.02em; font-weight: 700; margin: 10px 0px; } #opb_info h3 { font-family: mallory; font-size: 12px; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 5px; font-weight: 700; } #opb_info h4 { font-family: mallory; font-size: 12px; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 5px; } #opb_info h2 a, #opb_info h2 a:visited, #opb_info h2 a:hover { color: rgb(255, 204, 0); text-decoration: none; } #opb_info p { font-family: "Noto Serif"; font-size: 14px; color: rgb(255, 255, 255); margin-top: 5px; letter-spacing: 0.025em; line-height: 18px; overflow: hidden; height: 92px; } #opb_info a, #opb_info a:visited, #opb_info a:hover { text-decoration: none; } #ops_nav { width: 1120px; height: auto; margin: 0px auto; z-index: 9999; color: rgb(0, 105, 161); overflow: hidden; position: absolute; inset: 50% 0px 0px; } #ops_nav i { font-size: 46px; } .opsn_left { float: left; } .opsn_right { float: right; } #opinion_section { width: 100%; height: auto; background-color: rgb(0, 73, 133); } #new_opinion_slide { width: 1060px; background-color: rgb(0, 73, 133); height: auto; position: relative; margin: 10px auto 0px; } .swiper_opinion { width: 960px; height: auto; margin: 20px auto 0px; overflow: hidden; } .op_box { background-color: rgb(0, 73, 133); } #sm_main { width: 100%; height: auto; margin-top: 8px; } #sm_main a, #sm_main a:visited, #sm_main a:hover { color: rgb(255, 255, 255); text-decoration: none; } #sm_main ul { height: auto; overflow: hidden; } #sm_main li { width: 27px; height: 20px; border-radius: 20px; background-color: rgb(11, 114, 181); color: rgb(255, 255, 255); text-align: center; padding-top: 6px; font-size: 14px; display: inline-block; vertical-align: top; margin-right: 5px; } #inq_video_wrap { width: 980px; height: auto; margin: 0px auto; overflow: hidden; } #inq_vid_lbl { width: 980px; background-color: rgb(11, 114, 181); height: 48px; margin: 20px auto 0px; } #inq_vid_lbl_h { width: 980px; height: auto; margin: 0px auto; overflow: hidden; } #inq_vid_lbl_h h2 { font-family: Oswald; color: rgb(255, 255, 255); font-size: 30px; padding-top: 10px; letter-spacing: 0.01em; float: left; padding-left: 10px; } #inq_vid_lbl_h h3 { padding-top: 18px; font-family: mallory; font-size: 10px; color: rgb(255, 255, 255); float: right; letter-spacing: 0.2em; font-weight: 400; padding-right: 10px; } #inq_vid_lbl_h a, #inq_vid_lbl_h a:visited, #inq_vid_lbl_h a:hover { color: rgb(255, 255, 255); text-decoration: none; } #videobox { width: 640px; height: auto; float: left; margin-top: 10px; } #yt_wrap { width: 100%; height: auto; } #vid_title { float: left; width: 300px; height: auto; margin-top: 10px; } #video_info { width: 100%; height: auto; overflow: hidden; } #video_info h2 { font-family: mallory; color: rgb(0, 0, 0); letter-spacing: -0.018em; font-size: 18px; line-height: 22px; font-variant-numeric: lining-nums; font-weight: 700; } #video_info h3 { font-family: mallory; text-transform: uppercase; font-size: 10px; color: rgb(104, 104, 104); margin-top: 10px; font-variant-numeric: lining-nums; font-weight: 400; } #vid_desc { float: right; width: 300px; height: auto; margin-top: 10px; } #vid_desc p { font-family: "Noto Serif"; font-size: 14px; color: rgb(0, 0, 0); line-height: 18px; } #more_video { width: 300px; height: auto; margin: 20px auto 0px; } #more_video a, #more_video a:visited, #more_video a:hover { color: rgb(104, 104, 104); text-decoration: none; } #more_video h3 { font-family: mallory; font-size: 10px; text-transform: uppercase; text-align: center; padding-bottom: 5px; font-weight: 700; } #video_side { float: right; width: 300px; height: auto; margin: 10px auto 0px; } #bb2 { width: 300px; height: 250px; margin: 0px auto; } .watch_lbl { margin-top: 10px; } #latest_videos { width: 100%; height: auto; overflow: hidden; text-align: justify; } #video_list { width: 100%; height: auto; overflow: hidden; margin-top: 10px; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #vidthumb { width: 100%; height: 100px; overflow: hidden; background-size: cover; background-position: 50% 50%; } #vidthumb i { color: rgb(255, 255, 255); opacity: 0.5; font-size: 60px !important; } #vidthumb:hover i { opacity: 1; transition: 0.5s; } #vidthumb span { display: block; width: 100%; text-align: center; position: relative; top: 50%; transform: translateY(-50%); } #vidtitle { width: 100%; height: auto; text-align: left !important; } #vidtitle a, #vidtitle a:visited, #vidtitle a:hover { color: rgb(0, 0, 0); text-decoration: none; } #vidtitle h2 { font-family: mallory; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); margin-top: 5px; letter-spacing: -0.01em; font-weight: 700; } #vidtitle h3 { font-family: mallory; font-size: 10px; color: rgb(104, 104, 104); margin-top: 5px; text-transform: uppercase; font-variant-numeric: lining-nums; font-weight: 400; } #vb-additional { width: 100%; height: auto; overflow: hidden; text-align: justify; } #vb-add { width: 47%; height: auto; position: relative; vertical-align: top; display: inline-block; zoom: 1; margin: 30px auto 0px; } #vb-add h4 { font-family: mallory; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); margin-top: 5px; letter-spacing: -0.01em; font-weight: 700; text-align: left; } #vb-add h3 { font-family: mallory; font-size: 10px; color: rgb(104, 104, 104); margin-top: 5px; text-transform: uppercase; font-variant-numeric: lining-nums; font-weight: 400; } #vb-add h4 a, #vb-add h4 a:visited { color: rgb(51, 51, 51); text-decoration: none; } #vb-thumb { width: 100%; height: 180px; overflow: hidden; position: relative; background-size: cover; background-position: 50% 50%; } #vb-thumb span { display: block; width: 100%; text-align: center; position: relative; top: 50%; transform: translateY(-50%); } #vb-thumb i { color: rgb(255, 255, 255); opacity: 0.5; font-size: 60px !important; } #vb-thumb:hover i { opacity: 1; transition: 0.5s; } #inq_channels_wrap { width: 980px; height: auto; margin: 0px auto; overflow: hidden; text-align: justify; } .chbox { position: relative; vertical-align: top; display: inline-block; zoom: 1; margin: 30px auto 0px; text-align: left; } .channel_w { width: 300px; height: auto; } .widesky { width: 300px; height: 600px; text-align: left; } .stretch { width: 100%; display: inline-block; font-size: 0px; line-height: 0; } .clrbar { width: 100%; height: 25px; } .chbox h2 { font-family: mallory; font-size: 18px; letter-spacing: 0.048em; text-transform: uppercase; text-align: center; position: relative; top: 50%; transform: translateY(-50%); font-weight: 900; } .chbox h2 a, .chbox h2 a:visited, .chbox h2 a:hover { color: rgb(0, 0, 0); text-decoration: none; } .chbox_img { width: 300px; height: 180px; background-size: cover; background-position: 50% 50%; margin: 10px auto 0px; } .chbox h6 { font-family: mallory; font-size: 12px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 10px; letter-spacing: 0.04em; font-weight: 700; } .chbox h3 { font-family: "Noto Serif"; font-size: 18px; line-height: 22px; color: rgb(0, 0, 0); margin-top: 5px; letter-spacing: -0.01em; font-weight: 700; } .chbox h4 { font-family: mallory; font-size: 10px; color: rgb(104, 104, 104); margin-top: 10px; text-transform: uppercase; font-variant-numeric: lining-nums; font-weight: 400; } .chbox h3 a, .chbox h3 a:visited, .chbox h3 a:hover { color: rgb(0, 0, 0); text-decoration: none; } .items { margin-top: 30px; } .ch_more { font-family: mallory; font-size: 10px; text-transform: uppercase; text-align: right; padding-bottom: 5px; margin-top: 20px; font-weight: 700; } .ch_more a, .ch_more a:visited, .ch_more a:hover { color: rgb(104, 104, 104); text-decoration: none; } .acc_ch { width: 300px; margin: 10px auto 0px; height: 29px; text-align: center; display: none; } .business_clr { background-color: rgb(106, 176, 35); } .usa_clr { background-color: rgb(26, 193, 241); } .sports_clr { background-color: rgb(213, 30, 41); } .globalnation_clr, .newsinfo_clr, .special_clr { background-color: rgb(0, 76, 135); } .yearend_report_clr { background-color: rgb(26, 193, 241); } .lifestyle_clr { background-color: rgb(178, 65, 121); } .preen_clr { background-color: rgb(193, 181, 203); } .lifestyle_clr { background-color: rgb(178, 65, 121); } .entertainment_clr { background-color: rgb(235, 105, 11); } .technology_clr { background-color: rgb(26, 193, 241); } .opinion_clr { background-color: rgb(133, 167, 191); } .pop_clr { background-color: rgb(26, 193, 241); } .esports_clr { background-color: rgb(26, 193, 241); } .pba_clr { background-color: rgb(213, 30, 41); } .cdn_clr { background-color: rgb(26, 193, 241); } .business_clr2 { background-color: rgba(106, 176, 35, 0.8); } .sports_clr2 { background-color: rgba(213, 30, 41, 0.8); } .global_clr2 { background-color: rgba(0, 76, 135, 0.8); } .lifestyle_clr2 { background-color: rgba(180, 64, 117, 0.8); } .preen_clr2 { background-color: rgba(204, 190, 208, 0.8); } .entertainment_clr2 { background-color: rgba(240, 112, 47, 0.8); } .usa_clr2 { background-color: rgba(26, 193, 241, 0.8); } .technology_clr2 { background-color: rgba(26, 193, 241, 0.8); } .opinion_clr2 { background-color: rgba(133, 167, 191, 0.8); } .pop_clr2 { background-color: rgba(26, 193, 241, 0.8); } .esports_clr2 { background-color: rgba(26, 193, 241, 0.8); } .pba_clr2 { background-color: rgba(213, 30, 41, 0.8); } .cdn_clr2 { background-color: rgb(26, 193, 241); } #most_shared_wrap { width: 1060px; margin: 0px auto; height: auto; position: relative; } .swiper_most_shared { width: 960px; height: auto; position: relative; overflow: hidden; margin: 0px auto; } #ms_box { width: 100%; height: auto; overflow: hidden; padding-top: 10px; } #frame_wrap { width: 980px; height: auto; overflow: hidden; position: relative; margin: 10px auto 0px; text-align: justify; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 243px; height: auto; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #fr_box1 { width: 100%; height: 141px; background-size: cover; background-position: 50% 50%; margin-bottom: 5px; } #frame_mid { width: 485px; height: 287px; position: relative; vertical-align: top; display: inline-block; zoom: 1; background-size: cover; background-position: 50% 50%; } #frame_right { width: 243px; height: auto; position: relative; vertical-align: top; display: inline-block; zoom: 1; } #sm_main_ch { width: 100%; height: auto; margin-top: 8px; text-align: center; } #sm_main_ch ul { height: auto; overflow: hidden; } #sm_main_ch li { width: 27px; height: 20px; border-radius: 20px; background-color: rgb(11, 114, 181); color: rgb(255, 255, 255); text-align: center; padding-top: 6px; font-size: 14px; display: inline-block; vertical-align: top; margin-right: 5px; } #sm_main_ch a, #sm_main_ch a:visited, #sm_main_ch a:hover { color: rgb(255, 255, 255); text-decoration: none; } #article_level_wrap { width: 980px; height: auto; margin: 0px auto; } #article_level_wrap a, #article_level_wrap a:visited, #article_level_wrap a:hover { text-decoration: none; } #breadcrumbs { width: 100%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } #breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover { color: rgb(141, 171, 193); } #art_channel { overflow: hidden; width: 100%; height: auto; } #art_channel h6 { font-family: Mallory-Bold; font-size: 12px; text-transform: uppercase; margin-top: 10px; float: left; } #art_channel ul { float: right; font-family: Mallory-Bold; font-size: 12px; text-transform: uppercase; margin-top: 10px; } #art_channel li { display: inline-block; margin-left: 20px; } hgroup { width: 100%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h3 { font-family: GuardianEgyp-Medium; font-size: 14px; color: rgb(104, 104, 104); } hgroup h2 { font-family: GuardianEgyp-Medium; font-size: 14px; color: rgb(104, 104, 104); margin-bottom: 20px; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 48px; color: rgb(104, 104, 104); margin: 20px 0px 10px; letter-spacing: 0.05em; } #article_share_top { width: 90%; height: auto; margin: 0px 0px 20px; overflow: hidden; } #article_share_top a, #article_share_top a:visited, #article_share_top a:hover { color: rgb(255, 255, 255); text-decoration: none; } #article_share_top span { display: inline-block; width: 30px; height: 30px; border-radius: 25px; background-color: rgb(11, 114, 181); color: rgb(255, 255, 255); vertical-align: top; text-align: center; font-size: 16px !important; } #article_share_top i { position: relative; top: 50%; transform: translateY(-50%); } #numbers_shares { height: 30px; display: inline-block; font-size: 18px; font-family: Sindelar-Regular; text-transform: uppercase; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; color: rgb(104, 104, 104); float: left; } #sm_side_buttons { float: left; margin-right: 20px; } #numbers_shares h4 { position: relative; top: 55%; transform: translateY(-50%); } #byline { width: 100%; margin: 10px 0px 0px; } #byline h4 { color: rgb(104, 104, 104); margin: 10px 0px; } .byline { font-family: Verlag-Bold; font-size: 12px; } .b-caps { text-transform: uppercase; } #byline a, #byline a:visited { color: rgb(104, 104, 104); } #byline a:hover { color: rgb(11, 114, 181); } .twitter-handle { font-family: Sindelar-Regular; font-size: 12px; } .post-date { font-family: Sindelar-Regular; font-size: 12px; } .platform { font-family: Sindelar-Regular; font-size: 12px; } #art_body_wrap { width: 100%; height: auto; overflow: hidden; text-align: justify; } #article_content { width: 640px; height: auto; display: inline-block; vertical-align: top; text-align: left; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; overflow: hidden; } #article_content p { font-family: Sindelar-Regular; color: rgb(104, 104, 104); font-size: 16px; line-height: 22px; letter-spacing: 0.02em; margin: 0px 0px 20px; } #article_content h3 { font-family: Sindelar-Medium; color: rgb(104, 104, 104); font-weight: 700; margin-bottom: 5px; line-height: 22px; font-size: 16px; letter-spacing: 0.02em; } #article_content h4 { font-family: Sindelar-Medium; color: rgb(104, 104, 104); font-weight: 700; margin-bottom: 20px; line-height: 22px; font-size: 16px; letter-spacing: 0.02em; } #article_content a, #article_content a:visited, #article_content a:hover { color: rgb(0, 73, 133); text-decoration: none; } .simplePullQuote { font: 22px / 28px Sindelar-Bold, serif !important; color: rgb(0, 73, 133) !important; padding: 20px 0px !important; float: none !important; margin: 0px 0px 20px !important; width: 100% !important; height: auto !important; border-width: 1px medium !important; border-style: solid none !important; border-color: rgb(221, 221, 221) currentcolor !important; background: none !important; box-shadow: none !important; text-align: center !important; } .simplePullQuote p { font: italic 22px Vollkorn, sans-serif !important; } #sm_pullquote { width: 100%; overflow: hidden; text-align: center; margin-top: 10px; } #sm_pullquote a, #sm_pullquote a:visited, #sm_pullquote a:hover { color: rgb(255, 255, 255); text-decoration: none; } #sm_pullquote span { display: inline-block; width: 40px; height: 40px; border-radius: 25px; background-color: rgb(11, 114, 181); color: rgb(255, 255, 255); vertical-align: top; } #sm_pullquote i { position: relative; top: 50%; transform: translateY(-50%); font-size: 22px; } #billboard_article { padding: 5px 0px 10px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); width: 300px; height: auto; float: right; margin-left: 30px; } #billboard_article h6 { text-align: center; font-family: Verlag-Book; font-size: 10px; color: rgb(152, 152, 152); padding-bottom: 10px; } #article_related { width: 100%; height: auto; font-family: GuardianEgyp-Medium; margin-top: 30px; } #article_related ul { width: 100%; height: auto; } #article_related li { font-size: 14px; margin-bottom: 14px; } #article_related a, #article_related a:visited, #article_related a:hover { color: rgb(11, 114, 181); text-decoration: none; } #article_tags { width: 100%; height: auto; margin-top: 30px; } #article_tags h4 { font-size: 14px; font-family: Sindelar-Regular; } #article_tags a, #article_tags a:visited, #article_tags a:hover { color: rgb(11, 114, 181); text-decoration: none; } #article_disclaimer { width: 100%; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); margin-top: 20px; padding: 5px 0px; } #article_disclaimer h5 { font-family: Sindelar-Medium; color: rgb(104, 104, 104); line-height: 22px; font-size: 12px; letter-spacing: 0.02em; } #article_disclaimer a, #article_disclaimer a:visited, #article_disclaimer a:hover { color: rgb(11, 114, 181); text-decoration: none; font-weight: 700; } #article_banner_ad { width: 468px; height: 60px; margin: 30px auto; } #article_comment_box { width: 100%; height: auto; margin-top: 30px; } #crowdy_wrap { width: 300px; height: auto; margin-top: 20px; } #article_social_trending { width: 300px; height: auto; } .article_align { position: relative; vertical-align: top; display: inline-block; zoom: 1; } #trending_side_wrap { width: 100%; height: auto; overflow: hidden; } #trending_list { width: 100%; height: auto; overflow: hidden; margin-top: 10px; } #trend_thumb { width: 75px; float: left; height: 75px; overflow: hidden; background-size: cover; background-position: 50% 50%; } #trend_title { float: left; margin-left: 10px; width: 214px; text-align: left; } #trend_title h2 { font-family: GuardianEgyp-Medium; font-size: 14px; line-height: 18px; color: rgb(104, 104, 104); margin-top: 5px; } #trend_title h6 { font-family: Mallory-Bold; font-size: 12px; color: rgb(141, 171, 193); text-transform: uppercase; } #trend_title h3 { font-family: VerlagCond-Book; font-size: 14px; color: rgb(104, 104, 104); margin-top: 5px; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #trending_side_wrap a, #trending_side_wrap a:visited, #trending_side_wrap a:hover { color: rgb(104, 104, 104); text-decoration: none; } #article_widesky { margin: 30px auto 0px; width: 300px; height: 600px; text-align: center; } .alignnone { margin: 5px 20px 20px 0px; } .aligncenter, div.aligncenter { display: block; margin: 5px auto; width: 100%; height: auto; } .alignright { float: right; margin: 5px 0px 20px 20px; width: 300px !important; } .alignleft { float: left; margin: 5px 20px 20px 0px; width: 300px !important; } a img.alignright { float: right; margin: 5px 0px 20px 20px; width: 300px !important; } a img.alignnone { margin: 5px 20px 20px 0px; } a img.alignleft { float: left; margin: 5px 20px 20px 0px; width: 300px !important; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: rgb(255, 255, 255); max-width: 100%; } .wp-caption.alignnone { margin: 5px 20px 20px 0px; } .wp-caption.alignleft { margin: 5px 20px 10px 0px; } .wp-caption.alignright { margin: 5px 0px 10px 20px; } .wp-caption img { border: 0px; height: auto; margin: 0px; max-width: 100%; padding: 0px; width: 100%; } .wp-caption p.wp-caption-text { color: rgb(124, 124, 124); font-family: Verlag-Bold !important; font-size: 14px !important; line-height: 18px !important; } #sm_side_wrap { width: 100%; margin: 0px auto 30px; } #sm_sticky { width: 100%; height: 40px; border-top: 1px solid rgb(221, 221, 221); position: fixed; bottom: 0px; z-index: 1; background-color: rgb(255, 255, 255); text-align: center; display: none; } #sm_sticky a, #sm_sticky a:visited, #sm_sticky a:hover { color: rgb(255, 255, 255); text-decoration: none; } .sm_fb_sticky { background-color: rgb(59, 89, 152); } .sm_twitter_sticky { background-color: rgb(64, 153, 255); } #art_sm_sticky { width: 85px; height: 30px; font-family: Sindelar-Regular; font-size: 14px; display: inline-block; border-radius: 25px; margin-top: 5px; } #art_sm_sticky span { margin-top: 7px; display: block; } #search { position: relative; } #search .sinput { display: none; position: absolute; top: 0px; left: -202px; width: 200px; } #search .sinput input[type="text"] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 190px; padding: 6px; height: 17px; } .sish { display: block !important; } .mobilenav { position: fixed; left: 0px; top: 50px; width: 0px; height: 100%; box-sizing: border-box; z-index: 99; background-color: rgb(238, 238, 238); transition: width 0.3s; overflow: hidden; } .mnopen { width: 280px; } footer { width: 100%; height: 460px; background-color: rgb(221, 221, 221); margin-top: 80px; } footer .cp { width: 100%; text-align: center; } footer section { position: relative; width: 1004px; min-height: 380px; height: auto; padding-top: 30px; margin: 0px auto; } footer section > ul { display: block; width: 100%; height: 350px; padding-top: 40px; margin-top: 20px; overflow: hidden; text-align: justify; } footer section ul li { position: relative; vertical-align: top; display: inline-block; zoom: 1; width: 22%; padding-bottom: 10px; padding-top: 20px; text-align: left !important; } footer section ul li > h5 { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid rgb(170, 170, 170); font-family: mallory; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } footer section ul li ul li { width: 100%; font-weight: 400; padding-top: 5px; font-size: 14px; font-family: "Noto Serif"; } footer section ul a, footer section ul a:visited, footer section ul a:hover { color: rgb(0, 0, 0); text-decoration: none; } footer section .btt { position: absolute; width: 84px; height: 94px; left: 50%; top: -32px; margin-left: -42px; text-align: center; } footer section .btt .learrow { cursor: pointer; font-size: 42px; padding: 10px; border-radius: 50%; background-color: rgb(31, 186, 233); color: rgb(255, 255, 255); margin-bottom: 10px; } footer section .btt span { text-transform: uppercase; font-size: 12px; font-family: mallory; color: rgb(0, 0, 0); font-weight: 400; } #most_shared2 { display: none; } #foot_copy { background-color: rgb(221, 221, 221); font-size: 12px; font-family: "Noto Serif"; color: rgb(0, 0, 0); text-align: center; width: 100%; padding-bottom: 20px; } #foot_copy h5 { width: 90%; margin: 0px auto; padding-bottom: 20px; } #tgs3_left { display: inline-block; width: 660px; height: auto; overflow: hidden; } #tgs3_left a, #tgs3_left a:visited { text-decoration: none; color: rgb(255, 255, 255); } #tgs3_left:hover #tgs3_info { color: rgb(27, 187, 233); transition: 0.5s ease-in-out; } #tops3_wrap { width: 100%; height: 480px; overflow: hidden; position: relative; } #tgs_bg { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; transition: 0.5s ease-in-out; } #tgs3_left:hover #tgs_bg { transform: scale(1.1); } #headlines_s3_wrap { height: 170px; overflow: hidden; position: relative; } #headlines_s3_wrap:hover #tgs_bg { transform: scale(1.1); } #headlines_s3_wrap:hover #tgs3_info h2 { color: rgb(27, 187, 233); transition: 0.5s ease-in-out; } .s3_wrap300 { width: 300px; } .s3_wrap320 { width: 320px; } .headlines_s3_box { overflow: hidden; position: relative; vertical-align: top; display: inline-block; zoom: 1; margin: 20px auto 0px; text-align: left; } #tgs3_info { width: 100%; height: auto; padding: 10px 0px; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0px; } #tgs3_info a, #tgs3_info a:visited { color: rgb(245, 245, 245); text-decoration: none; } #tgs3_info a:hover { color: rgb(27, 187, 233); transition: 0.4s ease-in-out; } #tgs3_info h1 { font-family: mallory; font-size: 24px; line-height: 31px; letter-spacing: -0.01em; padding: 0px 10px 5px; font-weight: 700; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tgs3_info h2 { font-family: mallory; font-size: 16px; line-height: 17px; letter-spacing: 0.016em; padding: 0px 10px 5px; font-weight: 700; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tgs3_info2 { width: 100%; height: auto; padding: 10px 0px; position: absolute; bottom: 0px; } #tgs3_info2 a, #tgs3_info2 a:visited { color: rgb(245, 245, 245); text-decoration: none; } #tgs3_info2 a:hover { color: rgb(27, 187, 233); transition: 0.4s ease-in-out; } #tgs3_info2 h2 { font-family: mallory; font-size: 28px; line-height: 32px; letter-spacing: 0.016em; padding: 0px 10px 5px; font-weight: 300; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } #tgs3_info2 h4 { font-family: mallory; font-size: 10px; padding: 0px 10px; color: rgb(245, 245, 245); text-transform: uppercase; font-weight: 400; } #tgs3_cat { font-family: mallory; font-size: 10px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 10px 0px 0px; font-weight: 400; z-index: 1; position: absolute; top: 0px; } #tgs3_cat span { padding: 10px; } #tgs3_info h4 { font-family: mallory; font-size: 10px; padding: 0px 10px; color: rgb(245, 245, 245); text-transform: uppercase; font-weight: 400; } #tg_s3_headlines { width: 980px; height: auto; margin: -16px auto 0px; overflow: hidden; text-align: justify; text-decoration: none; } #tg_s3_headlines a, #tg_s3_headlines a:visited { text-decoration: none; color: rgb(255, 255, 255); } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 100%; height: auto; position: relative; margin: 6px 0px 0px; } #s3_nav { height: auto; float: right; color: rgb(255, 255, 255); } #s3_nav i { font-size: 40px !important; } .swiper-button-prev4 { float: left; cursor: pointer; } .swiper-button-next4 { float: left; cursor: pointer; } #sm_bullets { width: 195px; height: 20px; margin: 0px auto; } .swiper-pagination4 span { margin-right: 10px; } #tr_boxs3 { width: 260px; height: auto; margin-bottom: 20px; } #tr_boxs3 a, #tr_boxs3 a:visited { color: rgb(0, 0, 0); text-decoration: none; transition: 0.4s ease-in-out; } #tr_boxs3 a:hover { color: rgb(11, 114, 181); text-decoration: none; } #trb_imgs3 { width: 100%; height: 170px; background-size: cover; background-position: 50% 50%; } #tr_boxs3 h2 { font-family: "Noto Serif"; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); margin-top: 5px; font-weight: 400; } #tr_boxs3 h6 { font-family: mallory; font-size: 10px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 5px; font-weight: 700; } #tr_boxs3 span { font-family: mallory; font-size: 10px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 5px; font-weight: 400; display: block; } #tr_b_mores3 { width: 100%; text-align: center; font-family: Verlag-Bold; font-size: 10px; color: rgb(104, 104, 104); text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; } #tr_b_mores3 a, #tr_b_mores3 a:visited, #tr_b_mores3 a:hover { color: rgb(104, 104, 104); text-decoration: none; } #tg_sidebox { display: inline-block; width: 300px; height: auto; vertical-align: top; } #tg_sidebox a, #tg_sidebox a:visited { text-decoration: none; color: rgb(255, 255, 255); } #sm_follow_us { width: 300px; height: auto; overflow: hidden; margin: 0px auto 10px; } #smf_lbl { float: left; font-family: mallory; font-weight: 800; font-size: 22px; letter-spacing: 0.01em; height: 30px; } #smf_lbl span { position: relative; top: 50%; transform: translateY(-50%); display: block; } #smf_icons { height: 30px; float: right; } span:hover #smf_fb_btn { fill: rgb(59, 89, 152); transition: 0.5s; } span:hover #smf_tw_btn { fill: rgb(0, 172, 237); transition: 0.5s; } span:hover #smf_yt_btn { fill: rgb(187, 0, 0); transition: 0.5s; } span:hover #smf_ig_btn { fill: rgb(81, 127, 164); transition: 0.5s; } #tr_boxs3 span { font-size: 10px; } #mktg-branded { width: 100%; height: auto; overflow: hidden; } #mbranded-box { width: 100%; height: 170px; } .mbranded-box-wrap { overflow: hidden; position: relative; margin: 15px auto 10px; text-align: left; } #mktg-branded a, #mktg-branded a:visited { color: rgb(254, 254, 254); transition: 0.5s; } #mktg-branded a:hover { color: rgb(27, 187, 233); } #special-coverage { width: 980px; height: 400px; margin: 30px auto 0px; background-size: cover; background-position: 50% 50%; background-image: var(--wpr-bg-db4f6981-a26b-4380-8c0a-efbf2f8a4089); } #sc-info { width: 100%; height: 100%; position: relative; overflow: hidden; } #cb-info-wrap { width: 100%; height: 100%; background-color: rgba(33, 33, 33, 0.6); position: relative; } #sc-info h3 { font-size: 30px; font-family: Oswald, sans-serif; color: rgb(254, 254, 254); margin: 20px 0px 0px 20px; letter-spacing: 0.01em; } #sc-info-box { width: 490px; height: auto; position: absolute; left: 20px; bottom: 20px; } #sc-info a, #sc-info a:visited { color: rgb(254, 254, 254); text-decoration: none; transition: 0.5s; } #sc-info a:hover { color: rgb(11, 114, 181); } #sc-info h2 { font-size: 32px; font-family: mallory, sans-serif; color: rgb(254, 254, 254); font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; } #sc-info p { font-size: 14px; font-family: "Noto Serif", serif; color: rgb(254, 254, 254); letter-spacing: 0.01em; line-height: 1.2; } #sc-latest { width: 300px; height: auto; position: absolute; right: 20px; bottom: 20px; } #sc-title { font-size: 24px; font-family: mallory, sans-serif; color: rgb(254, 254, 254); font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; margin-bottom: 20px; display: none; } #sc-cat { font-family: mallory; font-size: 10px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 5px; font-weight: 700; } #sc-related { width: 100%; height: auto; text-align: left; font-family: "Noto Serif", serif; line-height: 1.2; font-size: 14px; margin-top: 10px; } #sc-related li { margin-top: 10px; } #ch-more-news { font-family: mallory; font-size: 10px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 5px; font-weight: 700; text-align: left; } #vs-wrap { width: 100%; height: auto; overflow: hidden; text-align: justify; } #vs-box { width: 100%; height: auto; margin: 0px auto 20px; overflow: hidden; text-align: justify; } #vs-box h4 { font-family: mallory; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); margin-top: 5px; letter-spacing: -0.01em; font-weight: 700; text-align: left; } #vs-box h4 a, #vb-add h4 a:visited { color: rgb(51, 51, 51); text-decoration: none; } #vs-box h3 { font-family: mallory; font-size: 10px; color: rgb(104, 104, 104); margin-top: 5px; text-transform: uppercase; font-variant-numeric: lining-nums; font-weight: 400; } #storm-radar { width: 100%; height: auto; overflow: hidden; } #sr-lbl { width: 100%; height: auto; } #inq-fearless-2019 { width: 980px; height: auto; margin: 10px auto 0px; overflow: hidden; } #fearless-2019-lbl { width: 100%; height: 48px; background-color: rgb(0, 73, 133); overflow-x: hidden; } #fview-lbl { font-family: Oswald; font-size: 30px; color: rgb(255, 255, 255); font-weight: 700; margin-left: 10px; position: relative; top: 50%; transform: translateY(-50%); float: left; letter-spacing: 0.04em; } #fearless-2019-lbl a, #fearless-2019-lbl a:visited, #fearless-2019-lbl a:hover { color: rgb(255, 255, 255); text-decoration: none; } #fview-cap { font-family: mallory; font-size: 12px; color: rgb(255, 255, 255); position: relative; margin-right: 10px; top: 50%; transform: translateY(-50%); float: right; letter-spacing: 0.02em; } #fview-wrap { width: 100%; height: auto; overflow: hidden; margin-top: 20px; font-family: mallory; } #fview-editorial { width: 313px; height: auto; float: left; } #fed-lbl { font-size: 10px; font-weight: 700; color: rgb(255, 255, 255); margin-top: 5px; margin-bottom: 15px; letter-spacing: 0.024em; } #fed-lbl span { background-color: rgb(11, 114, 181); padding: 5px; letter-spacing: 0.024em; } #fv-ed-box { width: 100%; height: auto; border-bottom: 1px solid rgb(217, 217, 217); margin-top: 10px; padding-bottom: 15px; margin-bottom: 18px; } #fv-ed-box h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.024em; line-height: 26px; color: rgb(51, 51, 51); } #fv-ed-box p { font-family: "Noto Serif"; font-size: 16px; letter-spacing: 0.02em; line-height: 20px; color: rgb(51, 51, 51); margin-top: 10px; } #fev-postdate { font-size: 10px; font-weight: 400; color: rgb(102, 102, 102); text-transform: uppercase; letter-spacing: 0.024em; margin-top: 5px; } #fv-ed-box a, #fv-ed-box a:visited, #fv-ed-box a:hover { color: rgb(51, 51, 51); text-decoration: none; } #fev-read-more { font-size: 10px; font-weight: 700; margin: 20px auto 0px; text-align: center; } #fev-read-more a, #fev-read-more a:visited, #fev-read-more a:hover { color: rgb(102, 102, 102); text-decoration: none; } #fview-columns { width: 647px; height: auto; float: right; } #fview-parent { width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; } #op-columns-box { width: 48.5%; height: 170px; margin: 0px 0px 20px; background-color: rgb(243, 243, 243); border-bottom: 4px solid rgb(11, 114, 181); position: relative; vertical-align: top; display: inline-block; zoom: 1; } #ocb-img { width: 140px; height: 140px; overflow: hidden; position: absolute; bottom: 0px; left: 5px; background-size: cover; } #ocb-head { width: 155px; float: right; margin: 10px 10px 0px 0px; text-align: right !important; } #ocb-head h3 { font-family: mallory, sans-serif; font-size: 16px; line-height: 20px; margin-top: 5px; font-weight: 700; } #ocb-head a, #ocb-head a:visited, #ocb-head a:hover { color: rgb(11, 114, 181); text-decoration: none; transition: 0.5s; } #fev-cat { font-family: mallory; font-size: 10px; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 5px; font-weight: 700; } #op-byline { font-family: mallory; font-size: 12px; font-weight: 400; color: rgb(102, 102, 102); text-transform: uppercase; margin-top: 10px; } #col-read-more { font-size: 10px; font-weight: 700; margin: 0px auto; width: 100%; text-align: center; } #col-read-more a, #col-read-more a:visited, #col-read-more a:hover { color: rgb(102, 102, 102); text-decoration: none; } #fv-cart-box { width: 100%; height: 129px; overflow: hidden; background-size: cover; background-position: 50% 50%; } #inq-new-channels { width: 980px; height: auto; margin: 30px auto 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } #inq-new-channels a, #inq-new-channels a:visited, #inq-new-channels a:hover { text-decoration: none; } #nwch-wrap { width: 100%; font-family: mallory; letter-spacing: 0.02em; position: relative; } #nwch-lbl { font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); height: 27px; text-transform: uppercase; } #nwch-lbl span { padding: 10px; } #nwch-lbl a, #nwch-lbl a:visited, #nwch-lbl a:hover { color: rgb(255, 255, 255); text-decoration: none; } #nwch-desk-rm { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; position: absolute; right: 0px; top: 3px; } #nwch-desk-rm a, #nwch-desk-rm a:visited { color: rgb(102, 102, 102); text-decoration: none; transition: 0.5s; } #nwch-desk-rm a:hover { color: rgb(11, 114, 181); } #nwch-box { width: 315px; height: 210px; margin: 15px 0px 0px; background-position: 50% 50%; background-size: cover; } #nwch-overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: 1s; position: relative; } #nwch-box:hover #nwch-overlay { background-color: rgba(0, 0, 0, 0.5); } #nwch-cat { margin: 15px 0px 0px 10px; font-family: mallory; font-size: 10px; font-weight: 700; letter-spacing: 0.02em; color: rgb(255, 255, 255); position: absolute; text-transform: uppercase; } #nwch-cat span { padding: 5px 5px 3px; } #nwch-title { position: absolute; bottom: 10px; } #nwch-title h2 { font-family: mallory; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: 0.02em; line-height: 1.2em; padding: 0px 10px; text-shadow: rgb(39, 39, 39) 4px 4px 4px; } .nwch-mobhide { display: block; } #nwch-moblist { display: none; width: 100%; height: auto; } #nwml-box { width: 100%; height: auto; font-family: mallory; margin: 15px auto 0px; } #nwml-box h2 { font-size: 16px; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; margin: 10px 0px 0px; } #nwml-box a, #nwml-box a:visited, #nwml-box a:hover { color: rgb(51, 51, 51); text-decoration: none; } #nwml-cat { font-size: 10px; font-weight: 700; letter-spacing: 0.02em; color: rgb(255, 255, 255); text-transform: uppercase; } #nwml-cat span { padding: 5px 5px 3px; } #nwml-read-more { font-family: mallory; font-size: 10px; font-weight: 700; margin: 20px auto 0px; width: 100%; text-align: center; text-transform: uppercase; } #nwml-read-more a, #nwml-read-more a:visited, #nwml-read-more a:hover { color: rgb(102, 102, 102); text-decoration: none; } .nwch_business_clr { border-bottom: 2px solid rgb(106, 176, 35); } .nwch_usa_clr { border-bottom: 2px solid rgb(26, 193, 241); } .nwch_sports_clr { border-bottom: 2px solid rgb(213, 30, 41); } .nwch_global_clr, .nwch_newsinfo_clr, .nwch_special_clr { border-bottom: 2px solid rgb(0, 76, 135); } .nwch_lifestyle_clr { border-bottom: 2px solid rgb(178, 65, 121); } .nwch_preen_clr { border-bottom: 2px solid rgb(193, 181, 203); } .nwch_lifestyle_clr { border-bottom: 2px solid rgb(178, 65, 121); } .nwch_entertainment_clr { border-bottom: 2px solid rgb(235, 105, 11); } .nwch_technology_clr { border-bottom: 2px solid rgb(26, 193, 241); } .nwch_opinion_clr { border-bottom: 2px solid rgb(133, 167, 191); } .nwch_pop_clr { border-bottom: 2px solid rgb(26, 193, 241); } .nwch_esports_clr { border-bottom: 2px solid rgb(26, 193, 241); } .nwch_pba_clr { border-bottom: 2px solid rgb(213, 30, 41); } .nwch_cdn_clr { border-bottom: 2px solid rgb(26, 193, 241); } .global_clr { background-color: rgb(0, 76, 135); } #nwch-ad { width: 970px; height: 90px; margin: 20px auto 0px; text-align: center; } .add-gl-test { display: none; } #inqfocus-inqplus-video { width: 980px; height: auto; margin: 20px auto; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } #inqfocus { width: 660px; height: auto; order: 1; } #inqplus-2021 { width: 300px; height: 170px; background-color: red; order: 2; } #video-2021 { width: 100%; height: auto; order: 3; margin: 20px auto 0px; } #inqf-lbl { width: 100%; height: 40px; background-color: rgb(11, 114, 181); position: relative; overflow: hidden; } #inqf-lbl span { font-family: Oswald; font-size: 24px; color: rgb(255, 255, 255); letter-spacing: 0.01em; padding: 7px 0px 0px 10px; font-weight: 700; display: block; } #inqf-wrap { width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } #inqf-box { width: 210px; height: 160px; margin: 10px 0px; background-position: 50% 50%; background-size: cover; box-sizing: border-box; } #inqf-info { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: relative; box-sizing: border-box; } #inqf-info h2 { display: block; padding: 0px 10px; margin: 0px auto; bottom: 10px; position: absolute; font-family: mallory, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; } #inqf-box a, #inqf-box a:visited, #inqf-box a:hover { color: rgb(255, 255, 255); text-decoration: none; } #inqf-more { width: 100%; height: auto; margin: 5px auto 0px; text-align: center; font-family: mallory; font-weight: 700; font-size: 10px; text-transform: uppercase; } #inqf-more a, #inqf-more a:visited, #inqf-more a:hover { color: rgb(102, 102, 102); text-decoration: none; } #inq_vid_lbl_g { width: 980px; height: 48px; background-color: rgb(11, 114, 181); margin: 0px auto; overflow: hidden; } #inq_vid_lbl_g h2 { font-family: Oswald; color: rgb(255, 255, 255); font-size: 30px; padding-top: 10px; letter-spacing: 0.01em; float: left; padding-left: 10px; } #inq_vid_lbl_g h3 { font-family: mallory; color: rgb(255, 255, 255); font-size: 12px; padding-top: 19px; letter-spacing: 0.01em; float: right; padding-right: 10px; } #inq_vid_lbl_g a, #inq_vid_lbl_g a:visited, #inq_vid_lbl_g a:hover { color: rgb(255, 255, 255); text-decoration: none; } @media only screen and (min-width: 1024px) and (max-width: 1040px) { #new_opinion_slide { width: 1024px; } .swiper_opinion { width: 940px; height: auto; margin: 10px auto 0px; overflow: hidden; } #opb_info { width: 330px; height: auto; float: right; } #most_shared_wrap { width: 1024px; } .swiper_most_shared { width: 930px; } footer section > ul { margin: 20px auto 0px; width: 95%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 400px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 24px; padding: 10px 10px 5px; line-height: 30px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 95%; margin: 0px auto; } #tg_ln { width: 30%; margin: 20px auto 0px; display: inline-block; } #tgln_img { height: 115px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 728px; height: 90px; overflow: hidden; margin: 0px auto; } #tg_side { width: 90%; height: auto; margin: 20px auto; display: block; overflow: hidden; text-align: justify; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: 300px; } #ribbon_wrap { width: 620px; } #opinion_lbl { width: 100%; } #opb_info { width: 490px; margin: 10px auto 0px; height: auto; float: right; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 85%; height: auto; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 100%; } #vidthumb { width: 100%; height: 140px; } #inq_channels_wrap { width: 89%; } .chbox { position: relative; vertical-align: top; display: inline-block; margin: 30px auto 0px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 600px; overflow: hidden; background-image: var(--wpr-bg-6fdcedd3-462c-4ac5-a704-988fe5810034); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 570px; } #ms_box { width: 100%; } #ms_info { width: 180px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 380px; } #frame_mid { width: 100%; height: 380px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 728px; height: 90px; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 38px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #trend_title { width: 300px; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 100%; height: auto; } footer section ul li { width: 43%; float: left; margin-left: 10px; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 400px; } #headlines_s3_wrap { width: 335px; height: 230px; margin: 0px 0px 20px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 24px; line-height: 26px; letter-spacing: 0.024em; } #tgs3_info h2 { text-align: left; } #tg_s3_headlines { width: 90%; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 90%; height: auto; position: relative; margin: 15px auto 0px; } #tr_boxs3 { width: 320px; } #billboard { vertical-align: top; margin: 0px auto; } #tg_sidebox { width: 335px; } #bb2 { margin-top: 20px; } .channel_w { width: 325px; height: auto; } .chbox_img { width: 325px; height: 180px; } .widesky { width: 300px; height: 250px; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 48%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #fv-cart-box { width: 100%; height: 250px; } #special-coverage { width: 740px; } #sc-info-box { width: 365px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-box { width: 24%; height: 145px; } #nwch-title h2 { font-size: 14px; } #nwch-ad { width: 728px; height: auto; margin: 20px auto 0px; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 32%; height: 180px; } #inqf-info h2 { font-size: 18px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 720px) and (max-width: 767px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 400px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 24px; padding: 10px 10px 5px; line-height: 30px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 95%; margin: 0px auto; } #tg_ln { width: 30%; margin: 20px auto 0px; display: inline-block; } #tgln_img { height: 115px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 728px; height: 90px; overflow: hidden; margin: 0px auto; } #tg_side { width: 90%; height: auto; margin: 20px auto; display: block; overflow: hidden; text-align: justify; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: 300px; } #ribbon_wrap { width: 620px; } #opinion_lbl { width: 100%; } #opb_info { width: 450px; margin: 10px auto 0px; height: auto; float: right; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 85%; height: auto; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 100%; } #vidthumb { width: 100%; height: 140px; } #inq_channels_wrap { width: 89%; } .chbox { position: relative; vertical-align: top; display: inline-block; margin: 30px auto 0px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 600px; overflow: hidden; background-image: var(--wpr-bg-6fdcedd3-462c-4ac5-a704-988fe5810034); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 570px; } #ms_box { width: 100%; } #ms_info { width: 180px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 380px; } #frame_mid { width: 100%; height: 380px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 38px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #trend_title { width: 300px; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 100%; height: auto; } footer section ul li { width: 43%; float: left; margin-left: 10px; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 400px; } #headlines_s3_wrap { width: 314px; height: 200px; margin: 0px 0px 20px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 24px; line-height: 26px; letter-spacing: 0.024em; } #tgs3_info h2 { text-align: left; } #tg_s3_headlines { width: 90%; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 90%; height: auto; position: relative; margin: 15px auto 0px; } #tr_boxs3 { width: 260px; } #billboard { display: inline-block; vertical-align: top; margin: 0px; } #tg_sidebox { width: 314px; } #bb2 { margin-top: 20px; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 48%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #fv-cart-box { width: 100%; height: 250px; } #special-coverage { width: 100%; height: 500px; } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: left; padding-left: 20px; } #sc-info-box { display: none; } #sc-info h2 { font-size: 32px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-box { width: 24%; height: 145px; } #nwch-title h2 { font-size: 14px; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 18px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 600px) and (max-width: 719px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 400px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 24px; padding: 10px 10px 5px; line-height: 30px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 95%; margin: 0px auto; } #tg_ln { width: 30%; margin: 20px auto 0px; display: inline-block; } #tgln_img { height: 115px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 320px; height: auto; overflow: hidden; margin: 0px auto; } #tg_side { width: 100%; height: auto; margin: 16px auto; display: block; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: 300px; } #opinion_lbl { width: 100%; } #opb_info { width: 500px; margin: 10px auto 0px; height: auto; float: none; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 85%; height: auto; } #opb_img { float: none; margin: 0px auto; display: none; } #opb_img2 { display: none; } #opb_info { float: none; margin: 10px auto 0px; height: auto; } #opb_info p { height: auto; padding-bottom: 20px; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 100%; } #vidthumb { width: 100%; height: 140px; } #inq_channels_wrap { width: 100%; } .chbox { position: relative; vertical-align: top; display: block; margin: 30px auto 0px; } .channel_w { width: 90%; } .chbox_img { width: 100%; height: 350px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 250px; overflow: hidden; background-image: url("https://www.inquirer.net/inq2016/images/generic-bb.jpg"); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 500px; } #ms_box { width: 100%; } #ms_info { width: 180px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 300px; } #frame_mid { width: 100%; height: 300px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 38px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #billboard_article { float: none; margin: 0px auto 30px; } #article_banner_ad { width: 320px; height: 50px; margin: 30px auto; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #trend_title { width: 300px; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 90%; height: auto; margin: 0px auto; } footer section ul li { width: 70%; float: left; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 320px; } #headlines_s3_wrap { width: 100%; height: 320px; margin-top: 0px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 24px; line-height: 28px; letter-spacing: 0.016em; } #tgs3_info h2 { font-size: 24px; line-height: 28px; letter-spacing: 0.016em; } #tg_s3_headlines { width: 100%; margin: -36px auto 0px; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 90%; height: auto; position: relative; margin: 15px auto 0px; } #tg_sidebox { margin: 0px auto; display: block; width: 100%; } #bb2 { margin-top: 20px; } #vb-additional { width: 91%; margin: 0px auto; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 48%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #fv-cart-box { width: 100%; height: 230px; } #special-coverage { width: 100%; height: 500px; } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: left; padding-left: 20px; } #sc-info-box { display: none; } #sc-info h2 { font-size: 32px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-desk-rm { display: none; } #nwch-box { width: 100%; height: 280px; } #nwch-title h2 { font-size: 18px; } .nwch-mobhide { display: none; } #nwch-moblist { display: block; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } .add-gl-test { display: block; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 18px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #logo_m2 { margin: 0px auto; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 207px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 22px; padding: 10px 10px 5px; line-height: 23px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 100%; margin: 0px auto; } #tg_ln { width: 90%; margin: 20px auto 0px; display: block; } #tgln_img { height: 220px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 320px; height: auto; overflow: hidden; margin: 0px auto; } #tg_side { width: 100%; height: auto; margin: 20px auto; display: block; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: auto; } #trending_box #tr_box:nth-child(n+6) { display: none; } #opinion_lbl { width: 100%; } #opinion_lbl h2 { float: none; margin-left: 44px; } #opinion_lbl h3 { float: none; display: none; } #opb_info { width: 385px; margin: 10px auto 0px; height: auto; float: none; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 100%; height: auto; } #opb_img { float: none; margin: 0px auto; display: none; } #opb_img2 { display: none; } #opb_info { float: none; margin: 10px auto 0px; height: auto; } #opb_info p { height: auto; padding-bottom: 20px; } #inq_vid_lbl_h h3 { display: none; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 232px; } #vidthumb { width: 180px; height: 100px; } #inq_channels_wrap { width: 100%; } .chbox { position: relative; vertical-align: top; display: block; margin: 30px auto 0px; } .channel_w { width: 90%; } .chbox_img { width: 100%; height: 230px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 250px; overflow: hidden; background-image: url("https://www.inquirer.net/inq2016/images/generic-bb.jpg"); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 340px; } #ms_box { width: 100%; } #ms_info { width: 280px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 300px; } #frame_mid { width: 100%; height: 300px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 30px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #billboard_article { float: none; margin: 0px auto 30px; } #article_banner_ad { width: 320px; height: 50px; margin: 30px auto; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #trend_title { width: 300px; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 90%; height: auto; margin: 0px auto; } footer section ul li { width: 70%; float: left; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 320px; } #headlines_s3_wrap { width: 100%; height: 260px; margin-top: 0px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 16px; line-height: 17px; letter-spacing: 0.016em; } #tg_s3_headlines { width: 100%; margin: -36px auto 0px; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 80%; height: auto; position: relative; margin: 15px auto 0px; } #tg_sidebox { margin: 0px auto; display: block; width: 100%; } #bb2 { margin-top: 20px; } #vb-additional { width: 91%; margin: 0px auto; } #vb-add { width: 100%; } #vb-thumb { width: 100%; height: 220px; } #vs-box { width: 100%; height: auto; margin: 20px auto; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 100%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #ocb-head h3 { font-size: 16px; } #ocb-head { width: 250px; } #fv-cart-box { width: 100%; height: 184px; } #special-coverage { width: 100%; height: 500px; background-image: var(--wpr-bg-531ea3b5-9bac-4b75-825c-5e5a5d2ad1c2); } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: left; padding-left: 20px; } #sc-info-box { display: none; } #sc-info h2 { font-size: 32px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-desk-rm { display: none; } #nwch-box { width: 100%; height: 220px; } #nwch-title h2 { font-size: 18px; } .nwch-mobhide { display: none; } #nwch-moblist { display: block; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } .add-gl-test { display: block; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 18px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 375px) and (max-width: 479px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 207px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 22px; padding: 10px 10px 5px; line-height: 23px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 100%; margin: 0px auto; } #tg_ln { width: 90%; margin: 20px auto 0px; display: block; } #tgln_img { height: 160px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 320px; height: auto; overflow: hidden; margin: 0px auto; } #tg_side { width: 100%; height: auto; margin: 16px auto; display: block; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: auto; } #trending_box #tr_box:nth-child(n+6) { display: none; } #opinion_lbl { width: 100%; } #opinion_lbl h2 { float: none; margin-left: 44px; } #opinion_lbl h3 { float: none; display: none; } #opb_info { width: 280px; margin: 10px auto 0px; height: auto; float: none; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 100%; height: auto; } #opb_img { float: none; margin: 0px auto; display: none; } #opb_img2 { display: none; } #opb_info { float: none; margin: 10px auto 0px; height: auto; } #opb_info p { height: auto; padding-bottom: 20px; } #inq_vid_lbl_h h3 { display: none; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 177px; } #inq_channels_wrap { width: 100%; } .chbox { position: relative; vertical-align: top; display: block; margin: 30px auto 0px; } .channel_w { width: 90%; } .chbox_img { width: 100%; height: 200px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 250px; overflow: hidden; background-image: url("https://www.inquirer.net/inq2016/images/generic-bb.jpg"); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 270px; } #ms_box { width: 100%; } #ms_info { width: 170px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 230px; } #frame_mid { width: 100%; height: 230px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 30px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #billboard_article { float: none; margin: 0px 0px 30px; } #article_banner_ad { width: 320px; height: 50px; margin: 30px auto; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 90%; height: auto; margin: 0px auto; } footer section ul li { width: 70%; float: left; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 320px; } #headlines_s3_wrap { width: 100%; height: 260px; margin-top: 0px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 16px; line-height: 17px; letter-spacing: 0.016em; } #tg_s3_headlines { width: 100%; margin: -36px auto 0px; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 80%; height: auto; position: relative; margin: 15px auto 0px; } #tg_sidebox { margin: 0px auto; display: block; width: 100%; } #bb2 { margin-top: 20px; } #vidthumb { height: 160px; } #vb-additional { width: 91%; margin: 0px auto; } #vb-add { width: 100%; } #vb-thumb { width: 100%; height: 190px; } #vs-box { width: 100%; height: auto; margin: 20px auto; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 100%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #ocb-head h3 { font-size: 16px; } #fv-cart-box { width: 100%; height: 129px; } #special-coverage { width: 100%; height: 500px; background-image: var(--wpr-bg-531ea3b5-9bac-4b75-825c-5e5a5d2ad1c2); } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: left; padding-left: 20px; } #sc-info-box { display: none; } #sc-info h2 { font-size: 32px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-desk-rm { display: none; } #nwch-box { width: 100%; height: 230px; } #nwch-title h2 { font-size: 18px; } .nwch-mobhide { display: none; } #nwch-moblist { display: block; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } .add-gl-test { display: block; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 18px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 360px) and (max-width: 374px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 207px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 22px; padding: 10px 10px 5px; line-height: 23px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 100%; margin: 0px auto; } #tg_ln { width: 90%; margin: 20px auto 0px; display: block; } #tgln_img { height: 160px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #inq_popular_lbl h4 { padding: 4px 0px 0px 20px; } #lb_wrap { width: 320px; height: auto; overflow: hidden; margin: 0px auto; } #tg_side { width: 100%; height: auto; margin: 10px auto; display: block; } #tg_side2 { width: 90%; height: auto; margin: 20px auto; display: block; } #trending_box { height: auto; } #trending_box #tr_box:nth-child(n+6) { display: none; } #opinion_lbl { width: 100%; } #opinion_lbl h2 { float: none; margin-left: 44px; } #opinion_lbl h3 { float: none; display: none; } #opb_info { width: 270px; margin: 10px auto 0px; height: auto; float: none; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 100%; height: auto; } #opb_img { float: none; margin: 0px auto; display: none; } #opb_img2 { display: none; } #opb_info { float: none; margin: 10px auto 0px; height: auto; } #opb_info p { height: auto; padding-bottom: 20px; } #inq_vid_lbl_h h3 { display: none; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 90%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 90%; margin: 20px auto 0px; } #video_side { float: none; width: 90%; margin: 10px auto 0px; } #vidtitle { width: 164px; } #inq_channels_wrap { width: 100%; } .chbox { position: relative; vertical-align: top; display: block; margin: 30px auto 0px; } .channel_w { width: 90%; } .chbox_img { width: 100%; height: 200px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 250px; overflow: hidden; background-image: url("https://www.inquirer.net/inq2016/images/generic-bb.jpg"); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 230px; } #ms_box { width: 100%; } #ms_info { width: 150px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 220px; } #frame_mid { width: 100%; height: 220px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 30px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #billboard_article { float: none; margin: 0px 0px 30px; } #article_banner_ad { width: 320px; height: 50px; margin: 30px auto; } #article_social_trending { width: 90%; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 90%; height: auto; margin: 0px auto; } footer section ul li { width: 70%; float: left; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 300px; } #headlines_s3_wrap { width: 100%; height: 220px; margin-top: 0px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 16px; line-height: 17px; letter-spacing: 0.016em; } #tg_s3_headlines { width: 100%; margin: -26px auto 0px; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 80%; height: auto; position: relative; margin: 15px auto 0px; } #tg_sidebox { margin: 0px auto; display: block; width: 100%; } #bb2 { margin-top: 20px; } #vb-additional { width: 91%; margin: 0px auto; } #vb-add { width: 100%; } #vb-thumb { width: 100%; height: 180px; } #vs-box { width: 100%; height: auto; margin: 20px auto; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 100%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #fv-cart-box { width: 100%; height: 129px; } #special-coverage { width: 100%; height: 500px; background-image: var(--wpr-bg-531ea3b5-9bac-4b75-825c-5e5a5d2ad1c2); } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: left; padding-left: 20px; } #sc-info-box { display: none; } #sc-info h2 { font-size: 28px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-desk-rm { display: none; } #nwch-box { width: 100%; height: 220px; } #nwch-title h2 { font-size: 18px; } .nwch-mobhide { display: none; } #nwch-moblist { display: block; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } .add-gl-test { display: block; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 14px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } } @media only screen and (min-width: 320px) and (max-width: 359px) { .header { display: none; } .header2 { display: block; width: 100%; backface-visibility: hidden; } #responsive_nav { display: none; } #responsive_nav2 { width: 100%; margin: 0px; display: block; } #menutoggle { margin: 9px 0px 0px 5px; } #m_date { display: none; } #menut_lbl { display: none; } #tp_lbl { display: none; } #blogo { display: none; } #main_nav { display: none; } #subchannels { display: none; } #tg_wrap { width: 100%; margin: 50px auto 0px; } #tg_wrap2 { width: 100%; margin: 20px auto 0px; } #tg_left { width: 100%; } #tg_slider { width: 100%; height: 207px; } #tg_head_wrap { height: 160px; } #sm_icons { top: 50%; text-align: right; margin: 0px 0px 0px 10px; } #tg_headline h1 { font-size: 22px; padding: 10px 10px 5px; line-height: 23px; } #tg_head_wrap { width: 95%; margin: 0px auto; } #tg_excerpt { display: none; } #tg_latest_wrap { width: 100%; margin: 0px auto; } #tg_ln { width: 95%; margin: 20px auto 0px; display: block; } #tgln_img { height: 160px; } #popular_left { width: 100%; margin: 0px auto; display: block; } #lb_wrap { width: 320px; height: auto; overflow: hidden; margin: 4px auto 0px; } #tg_side { width: 100%; height: auto; margin: 10px auto 0px; display: block; } #tg_side2 { width: 300px; height: auto; margin: 20px auto; display: block; } #trending_box { height: auto; } #trending_box #tr_box:nth-child(n+6) { display: none; } #opinion_lbl { width: 100%; } #opinion_lbl h2 { float: none; margin-left: 44px; } #opinion_lbl h3 { float: none; display: none; } #opb_info { width: 230px; float: none; } #ops_box1 { height: auto; } #opinion_wrap { width: 100%; } #opinion_slide { width: 100%; } #new_opinion_slide { width: 100%; height: auto; margin-top: 0px; } .swiper_opinion { width: 100%; height: auto; margin: 20px auto; } #opb_img { float: none; margin: 0px auto; display: none; } #opb_img2 { display: none; } #opb_info { float: none; margin: 10px auto 0px; height: auto; } #opb_info p { height: auto; padding-bottom: 20px; } #inq_vid_lbl_h h3 { display: none; } #inq_vid_lbl_h { width: 100%; } #inq_vid_lbl_h h2 { padding: 9px 0px 0px 10px; } #inq_video_wrap { width: 100%; } #videobox { width: 100%; float: none; margin-top: 10px; } #video_info { width: 95%; margin: 0px auto; } #vid_title { float: none; width: 100%; } #vid_desc { float: none; width: 100%; } #more_video { width: 95%; margin: 20px auto 0px; } #video_side { float: none; } #inq_channels_wrap { width: 100%; } .chbox { position: relative; vertical-align: top; display: block; margin: 30px auto 0px; } .items { display: none; } .acc_ch { display: block; } .widesky { width: 300px; height: 250px; overflow: hidden; background-image: url("https://www.inquirer.net/inq2016/images/generic-bb.jpg"); } #most_shared_wrap { width: 100%; } .swiper_most_shared { width: 230px; } #ms_box { width: 100%; } #ms_info { width: 150px; } #frame_wrap { width: 100%; } #frame_wrap a, #frame_wrap a:visited, #frame_wrap a:hover { text-decoration: none; } #frame_left { width: 100%; } #fr_box1 { width: 100%; height: 220px; } #frame_mid { width: 100%; height: 220px; margin-bottom: 5px; } #frame_right { width: 100%; } #article_level_wrap { width: 100%; height: auto; margin: 0px auto; } #lb_wrap_article { width: 320px; height: auto; padding-top: 70px; overflow: hidden; } #main_nav2 { display: none; } #art_channel ul { display: none; } #breadcrumbs { width: 90%; height: auto; margin: 20px auto 0px; border-top: 1px solid rgb(221, 221, 221); } hgroup { width: 90%; height: auto; margin: 20px auto 0px; overflow: hidden; } hgroup h1 { font-family: GuardianEgyp-Medium; font-size: 30px; margin: 20px 0px 10px; } #byline { width: 90%; margin: 10px auto 0px; } #art_body_wrap { width: 100%; } #article_content { width: 90%; margin: 0px auto; display: block; } #billboard_article { float: none; margin: 0px 0px 30px; } #article_banner_ad { width: 320px; height: 50px; margin: 30px auto; } #article_social_trending { width: 300px; display: block; margin: 30px auto 0px; } .article_align { display: block; } #trending_side_wrap { width: 100%; } #trending_list { width: 100%; } #article_widesky { width: 300px; height: 250px; } #article_disclaimer { width: 90%; margin: 0px auto; } #article_comment_box { width: 90%; height: auto; margin: 30px auto 0px; } #crowdy_wrap { margin: 20px auto 0px; } .sm_art_mobile { display: block; width: 90%; margin: 0px auto 20px; } #article_share_top { margin: 0px auto 20px; } #sm_sticky { display: block; } .addtwenty { margin-top: 40px !important; } footer { width: 100%; height: auto; } footer section { width: 100%; height: auto; } footer section > ul { display: block; width: 90%; height: auto; margin: 0px auto; } footer section ul li { width: 70%; float: left; } #tgs3_left { width: 100%; } #tops3_wrap { width: 100%; height: 300px; } #headlines_s3_wrap { width: 100%; height: 220px; margin-top: 0px; } .headlines_s3_box { margin: 30px auto 0px; } #tgs3_info h1 { font-size: 16px; line-height: 17px; letter-spacing: 0.016em; } #tg_s3_headlines { width: 100%; } #tg_s3_ln { width: 100%; height: auto; overflow: hidden; position: relative; } #tg_s3_ln_slide { width: 80%; height: auto; position: relative; margin: 15px auto 0px; } #tg_sidebox { margin: 0px auto; display: block; width: 100%; } #bb2 { margin-top: 20px; } #vb-additional { width: 91%; margin: 0px auto; } #vb-add { width: 100%; } #vb-thumb { width: 100%; height: 180px; } #vs-box { width: 100%; height: auto; margin: 20px auto; } #inq-fearless-2019 { width: 93%; } #fview-cap { display: none; } #fview-wrap { width: 100%; } #fview-editorial { width: 100%; float: none; } #fv-ed-box { width: 100%; } #fview-columns { width: 100%; height: auto; float: none; margin: 20px auto 0px; } #fview-parent { width: 100%; } #op-columns-box { width: 100%; height: 120px; margin: 0px 0px 20px; } #ocb-img { width: 140px; height: 108px; } #fv-cart-box { width: 100%; height: 129px; } #special-coverage { width: 100%; height: 500px; background-image: var(--wpr-bg-531ea3b5-9bac-4b75-825c-5e5a5d2ad1c2); } #sc-info h3 { font-size: 24px; margin: 20px 0px 0px; text-align: center; } #sc-info-box { display: none; } #sc-info h2 { font-size: 32px; } #sc-info p { display: none; } #sc-latest { width: 91%; height: auto; position: absolute; margin: 0px auto; right: 0px; left: 0px; bottom: 20px; } #sc-title { display: block; } #sc-related li { margin-top: 10px; } #inq-new-channels { width: 93%; margin: 30px auto 0px; } #nwch-desk-rm { display: none; } #nwch-box { width: 100%; height: 200px; } #nwch-title h2 { font-size: 18px; } .nwch-mobhide { display: none; } #nwch-moblist { display: block; } #nwch-ad { width: 300px; height: auto; margin: 20px auto 0px; } .add-gl-test { display: block; } #inqfocus-inqplus-video { width: 100%; margin: 10px auto; } #inqfocus { width: 93%; height: auto; order: 3; margin: 10px auto; } #inqplus-2021 { order: 2; margin: 20px auto 0px; } #video-2021 { order: 1; } #inqf-wrap { width: 100%; } #inqf-box { width: 100%; height: 180px; } #inqf-info h2 { font-size: 14px; } #inq_vid_lbl_g { width: 100%; height: 48px; } #inq_vid_lbl_g h3 { display: none; } }