.video-event { margin-bottom: 30px;padding-top: 14px; }.videcontent h2 a{color: #333333;text-decoration: none;} .setfl { float: left; width: 68%; } #myCarouselvideo .carousel-indicators { bottom: -50px; z-index: 1; } #myCarouselevent .carousel-indicators .active, #myCarouselvideo .carousel-indicators .active { background: #ed1c24; border: #ed1c24; } #myCarouselvideo .carousel-indicators li { width: 8px; height: 8px; } .vidblk { width: 377px; border-radius: 4px; padding: 10px; border: 1px solid #dfdfdf; margin-right: 10px; } .vidimg { height: 198px; overflow: hidden;position: relative; } .overleybg { position: absolute; background: rgba(0, 0, 0, .2); width: 100%; height: 100%; z-index: 1; } .vi { width: 100%; height: 100%; display: table; text-align: center; } .viiner { display: table-cell; vertical-align: middle; } .vidimg img { position: relative; width: 100%; } .viiner img { width: 40px; height: 40px; } .videcontent h2 { margin-bottom: 8px; font-weight: 600; height: 39px; width: 100%; color: #333; font-size: 19px; margin-top: 9px; overflow: hidden; } .vidblk { background: #fff; float: left; } .viiner { display: table-cell; vertical-align: middle; } .vi { width: 100%; height: 100%; display: table; text-align: center; } .videtxt { height: 75px; font-weight: 300; margin: 5px 15px 0 0;color: #828282; font-size: 13px; } .showview { margin-top: 10px; text-align: left; color: #989898; font-size: 13px; line-height: 17px; } .showview span { text-align: right; display: block; float: right; } #myCarouselvideo .carousel-indicators li { background: #dfdfdf; border: 1px solid #dfdfdf; } .desktop-none{display:none;float: left;} .mobile-none{display: block;} .video-event-desktop{display: block;} .video-event-mobile{display: none;} @media screen and (max-width:768px){ .video-event-mobile ul{list-style: none;padding-left: 0px;display: block;overflow: auto;white-space: nowrap;} .video-event-mobile ul li{display: inline-block;vertical-align: top;} .video-event-mobile .videtxt, .video-event-mobile h2{white-space: initial;} .video-event-desktop{display: none;} .video-event-mobile{display: block;} .swiper{width: 100%;} .trendvideo .swiper-pagination{display: none;} .vidblk { width: 250px; height: 315px;margin-right: 8px; } .vidimg { position: relative; height: 120px; overflow: hidden; } .vidimg .overleybg { position: absolute; background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 1; } .vi { width: 100%; height: 100%; display: table; text-align: center; } .viiner { display: table-cell; vertical-align: middle; } .vidimg img { position: relative; width: 100%; } .vidblk .vidimg{width: 228px;height: 128px;} .vidblk .vidimg img.lazyloaded{width: 228px;height: 128px;} .videcontent h2 { color: #333333; font-size: 15px; margin-top: 9px; margin-bottom: 8px; font-weight: 600; width: 100%; overflow: hidden; height: 54px; } .videtxt { font-weight: 300; font-size: 13px; margin: 0px 0px 0px; color: rgb(130, 130, 130); margin-top: 5px; margin-right: 15px; } .showview { margin-top: 10px; text-align: left; color: #989898; font-size: 11px; line-height: 15px; } .showview span { text-align: right; display: block; float: right; } }