/* ----------------------------------------- */ /* View: Promo Strip - start */ /* ----------------------------------------- */ #promocontainer { padding-top:15px; width: 100%; } ul#promolist { margin-left: 0; padding-left: 0; white-space: nowrap; /* overflow:hidden; */ height:160px; } ul#promolist li { display: list-item; float:left; list-style-type: none; height:160px !important; width:20%; } li.sponsor { height:160px !important; } #promolist a { padding: 120px; } #promolist a:link, #promolist a:visited { color: #fff; text-decoration: none; } #promolist a:hover { color: #fff; text-decoration: none; } @media only screen and (max-width: 910px) { ul#promolist li { display: list-item; float:left; list-style-type: none; height:160px !important; width:50%; } } @media only screen and (max-width: 600px) { #promocontainer { width: 100%; } ul#promolist li { display: list-item; float:left; list-style-type: none; height:160px !important; width:100%; } } /* ----------------------------------------- */ /* View: Promo Strip - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Promo Strip – Mobile - start */ /* ----------------------------------------- */ #promocontainer-mobile { width: 100%; } ul#promolist-mobile { margin-left: 0; padding-left: 0; white-space: nowrap; /* overflow:hidden; */ height:160px; } ul#promolist-mobile li { display: list-item; /* float:left; */ list-style-type: none; height:160px !important; width:100%; } li.sponsor-mobile { height:160px !important; } #promolist-mobile a { padding: 20px; height: 160px; } #promolist-mobile a:link, #promolist a:visited { color: #fff; text-decoration: none; height: 160px; } #promolist-mobile a:hover { color: #fff; text-decoration: none; } /* ----------------------------------------- */ /* View: Promo Strip – Mobile - end */ /* ----------------------------------------- */