.fullbg { width: 100%; display: block; height: 340px; background-image: url(/images/videos/video.jpg); background-size: cover; background-position: bottom; } .pn { margin-top: -225px; margin-bottom: 230px; position: absolute; pointer-events: none; } .videotxt { margin-top: 38px; float: right; right: 100px; position: absolute; filter: invert(1); } #jxtcytpwprev{margin-left: -50px; border-width: 40px 20px 40px 0!important; pointer-events: auto!important; } .videott{ text-align: center; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); color: #ffffff!important; } .tt1 { color: #ffffff!important; } #jxtcytpwnext { float: right; margin-left: 1030px; border-width: 40px 0px 40px 20px!important; pointer-events: auto!important; } .ytpw_basic_gridWrap .gridImage img { -webkit-filter: grayscale(50%); filter: grayscale(50%); transition: all .5s; } .videolist p { font-size: 16px!important; font-weight: 600!important; letter-spacing: 1px; text-align: center; line-height: 200%!important; padding: 0px; margin: 10px 0px!important; height: 39px; overflow: hidden; display: block; float: left; width: 100%; } @media screen and (max-width: 500px) { #jxtcytpwnext { margin-left: 0px; } .videott { padding-top: 30%; } .ytpw_basic_playerWrap,.ytpw_basic_gridWrap,.ytpw_row{ width: 100%;display: block; float: left; } .ytpw_basic_gridWrap { width: 90%; margin-left: 5%; } #jxtcytpwnext { margin-left: 0px; right: 0px; display: block; float: right; position: absolute; top: 0px; } .ytpw_video{width: 48%!important;display: block; float: left; margin: 1%;} .pn { margin-top: 50px; margin-bottom: 0px; width: 100%; } #jxtcytpwprev { margin-left: 0px; } } {module videolist}
