.eventblk { width: 32%; float: right; } .eshowblk { width: 367px; border-radius: 4px; padding: 10px; border: 1px solid #dfdfdf; margin-left: 0; background: #fff; float: left; } .eventblk .eshowimg{width: 345px;height: 208px;} .eshowimg{ position: relative; } .eshowimg img{ position: relative; width: 100%; } .eventblk .link-section a:hover{color:#ed1c24 ;text-decoration: none;} .eshowcontent h2 { margin-bottom: 9px; font-weight: 600; white-space: nowrap; width: 100%; text-overflow: ellipsis; color: #333; font-size: 19px; margin-top: 9px; overflow: hidden; } .eshowtxt { margin: 5px 15px 0 0; font-weight: 300; color: #828282; font-size: 13px; } .eventhotline { padding-top: 5px; padding-bottom: 5px; font-size: 20px; border-top: 1px solid #dfdfdf; margin-top: 10px; font-weight: 500; } .eventblk .swiper-container-horizontal > .swiper-pagination-bullets, .eventblk .swiper-pagination-custom, .swiper-pagination-fraction { position: relative; padding-top: 20px; top: 4px;padding-bottom:5px; } .link-section { color: #ed1c24; border: 1px solid #ed1c24; padding: 5px; border-radius: 4px; text-align: center; margin-top: 10px; } @media only screen and (min-width:993px) and (max-width:1199px){ .vidblk {width: 308px!important;} .eshowblk{width: 100%!important} .vidimg{height: auto!important;} .eventblk .eshowimg, .eventblk .eshowimg img{width: 100%!important;height: auto!important} .eshowtxt{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} } @media only screen and (min-width:769px) and (max-width:992px){ .eventblk {width: 100%;margin-top: 50px;} .setfl{width: 100%;} .vidblk{width: 350px;margin: 0px 5px;} .eshowblk {width: 350px!important;} .eshowblk img, .eshowimg{width: 100%!important;} } @media screen and (max-width:768px){ .event-mobile{margin-bottom: 50px;} .event-mobile .eshowtxt, .event-mobile h2{white-space: initial;} .upcomingevents { padding-top: 19px; } .eventblk{width: 100%; margin-top: 0px; float: none;} .upcomingevents .card { height: 284px; } .eshowblk{margin-right: 8px;} .eshowcontent h2{font-size: 15px;} .eventblk .swiper-container-horizontal > .swiper-pagination{display: none;} .eventhotline{font-size: 16px;} .eshowblk {width: 250px;} .eshowimg{width: 228px!important;height: 138px!important;} .eshowimg img{width: 228px;height: 138px;} .brand-main-section { display: table-cell; vertical-align: middle; } }