/* ========================================================================================= @Description: Custom StyleSheet for Live Card Widget @Version: 1.0, 2023 ============================================================================================ */ body,html { margin: 0; padding: 0; } .SMLiveBoardWidget { position: relative; display: flex; justify-content: flex-end; z-index: 99; } .sm-flex { display: flex; } .sm-justify-between { justify-content: space-between; } .sm-align-center { align-items: center; } .sm-align-start { align-items: start; } .tUpper { text-transform: uppercase; } .tCapit { text-transform: capitalize; } .bg { background: url(../images/bb.jpg) no-repeat center top; height: 100vh; position: relative; } .bg::before {content:'';position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: linear-gradient(180deg,rgba(0,96,206,0.21) 0%,rgba(0,96,206,0.66) 95%);background-size: cover; background-position: top center;background-repeat: no-repeat;} @keyframes slideInFromRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .mt-sld_item-change { display: none; } #live-board { position: fixed; right: 0; width: 128px; color: #ffffff; font-family: "Roboto",sans-serif; z-index: 0; cursor: pointer; animation: 0.3s ease-in-out 0s 1 slideInFromRight;} #live-board::before { content:url(../images/blue-curve.png); position: absolute; top: 5px; right: 0; } #live-board::after { content:url(../images/blue-curve.png); position: absolute; bottom: -210px; right: 0; transform: rotateX(-180deg); z-index: -1; } .liveResBlock { border-radius: 15px; background: #012D5E; position: relative; top: 110px; transition: all 0.3s ease-in-out;} .live-board-inner { padding: 0 1rem; transition: all 0.3s ease-in-out;} .match-status-card { display: block; margin-block: 0 1rem;} .match-status-card .livetag, .sub-head .livetag { display: flex; align-items: center; text-transform: uppercase; color: #2E90FF; font-size: 14px; font-weight: 400; letter-spacing: 1px; } .match-status-card .livetag i, .sub-head .livetag i { width: 11px; height: 11px; margin-left: 5px; background: #05A315; border-radius: 50%; display: inline-black; text-indent: -9999px; } .match-information-card { display: flex; flex-direction: column; gap: 0.8rem; padding-block: 0 1rem; border-bottom: 1px solid #ffffff; } .match-information-card .match-tournament-name { color: #2E90FF; font-size: 13px; line-height: 16px; font-weight: 900; text-transform:uppercase; } .match-information-card .match-order span, .match-information-card span.match-ground-name { font-size: 12px; line-height: 16px; font-weight: 300; color:rgba(255,255,255,0.75); font-style: normal; display: block;} .match-information-card .match-order span:first-child { font-size: 16px; line-height: 22px; font-weight: 400; color: #ffffff; } .match-tossDetails, .runRate, .match-link { display: none; } .match-tossDetails { font-size:12px; line-height: 14px; padding-block-start: 1rem; color: #2E90FF; } .match-score-card { display: flex; flex-direction: column; gap: 1rem; padding: 20% 0; } .match-score-card .live__team:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 1rem;} .match-score-card .team-logo { display: block; margin-block: 0 5px; } .match-score-card .team-logo img { width: 40px; } .match-score-card .match-team-name { display: block; font-size: 12px; line-height: 1.2; text-transform: uppercase; font-weight: 600; margin-block: 0 5px; } .match__teamScore .run { display: flex;align-items: baseline; font-size: calc(13px + (16 - 13) * ((100vw - 360px) / (1600 - 360))); line-height: 22px; font-weight: 700; } .match__teamScore .run .inn-tag {font-size: 12px;font-weight: 500;padding-left: 5px;line-height: 12px;} .match__teamScore .inn-tag {font-size: 12px; font-weight: 500; line-height: 15px;} .match__teamScore .team__over { font-size: 13px; line-height: 16px; color: rgba(255,255,255,0.75); font-weight: 300; margin-left: 5px; } .cpwrite { font-size: 10px; line-height: 13px; font-weight: 300; text-align: right; text-transform: uppercase; opacity: 0.7; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-block-start: 1rem; } .slideBtn { position: fixed; right: 15px; top: 7%;width: 100px;text-align: right;cursor: default; } .slideBtn a { width: 15px; height: 15px; display: inline-block; text-align: center; } .slideBtn a img { width: 10px; } /** Style for Live Board Overlay **/ a.colseIcon { cursor: pointer; position: absolute; right: 5rem; top: 20px; z-index: 9999; } a.colseIcon svg { transition: transform .5s ease-in-out; } a.colseIcon:hover svg { transform: rotate(180deg); } .live-board-overlay {background: #012D5E;color: #999;top: 0;height: 100%;position: fixed;box-sizing: border-box; transition: transform 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000);padding: calc(7vmax + -1vmin) calc(7vmax + -1vmin);transform: translate3d(100%,0,0);z-index: 99;width: 100%; height: 100vh;overflow-y: auto;scrollbar-width: thin;} .SMLiveBoardWidget.push-board .live-board-overlay { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .allLiveMatchesLink{float: right;color: #FFF;text-align: right;padding: 0 2rem;} .match_linkbtn { background: linear-gradient(130deg,#363d95,#272C6B); padding: 0 1rem; border-radius: 0px 0px 6px 6px; height: 30px; display: flex; align-items: center; justify-content: center; gap: 1rem; } .match_linkbtn a { font-size: 13px; color: #fff; font-weight: 500; display: flex; align-items: center; gap: 5px; transition: all 0.3s ease-in-out; } /* .matchCardLink{ font-size: 13px; color: #fff; display: block; width: 100%; text-align: right; font-weight: 500; height: 30px; background: #efefef; border-radius: 0px 0px 6px 6px; } */ .matchCardLink i { background: linear-gradient(130deg,#363d95,#272C6B); color:#FFCB05; font-style: normal; padding: 3px 5px; display: block; border-radius: 0px 0px 6px 6px; height: 30px; display: flex; align-items: center; justify-content: end;text-transform: uppercase;} /* .allLiveMatchesLink:hover,.matchCardLink:hover, .matchCardLink:focus, .matchCardLink:active{color: #FCDF41 } */ .allLiveMatchesLink:hover,.matchCardLink:hover, .matchCardLink:focus, .matchCardLink:active , .match_linkbtn a:hover{color: #FCDF41 } /** Overflow Section **/ .live-board-overlay, .live-board-section { display: flex; flex-direction: row; } .live-board-section { width: 100%; transition: all 0.3s ease-in-out; } .match-card-section { width: 100%; transition: all 0.3s ease-in-out; } .live-board-overlay { font-family: "Roboto",sans-serif; } .live-board-section { margin-block-start: 3rem; } .live-match-details { width: clamp(300px,100%,300px); transition: all 0.3s ease-in-out; } .live-match-card { width: clamp(340px,100%,400px); transition: all 0.3s ease-in-out; } .live-match-details .match-status-card .livetag { font-size: 26px; line-height: 30px; font-weight: 300; } .live-match-details .match-status-card .livetag i { width: 12px; height: 12px; margin-left: 10px; } .live-match-details .match-information-card { border: 0; padding-block: 0 3rem; } .live-match-details .match-information-card .match-tournament-name { font-size:34px; line-height: 38px; margin-right: 6rem; transition: all 0.3s ease-in-out;} .live-match-details .match-information-card .match-order span:first-child { font-weight: 300; color: rgba(255,255,255,0.75); font-size: 18px; line-height: 24px; } .live-match-details .match-information-card .match-order span, .live-match-details .match-information-card span.match-ground-name { font-weight: 600; color: #ffffff; } .live-match-details .match-information-card span.match-ground-name { width: 45%; } .live-match-details .btnWrap, .live-match-card .btnWrap { display: block;overflow: hidden;} .live-match-card .btnWrap { margin-block-start: 15px; text-align: center; } .live-match-details .btnScorecard, .live-match-card .btnScorecard {font-size: 14px;line-height: 14px; font-weight: 600;background: #EAA500;box-shadow: -120px 0 110px -100px #EAA500 inset;color: #ffffff; padding: 10px 18px;border-radius: 20px;text-align: center;text-transform: uppercase;display: inline-block;vertical-align: middle;cursor: pointer;transition:background 0.3s ease,box-shadow 0.3s ease; text-decoration: none;} .smTabContent,.contentWrapper{min-height:1px !important} #briefWidgetWrapper { box-shadow: none; } #main-header{ margin-bottom:0;} .live-match-details .btnScorecard:hover, .live-match-card .btnScorecard:hover { box-shadow: -120px 0 110px -100px #fbff84 inset; } .live-match-card .mt-sld_type { margin-block-end: 5px; } .match-card-section { display: flex; flex-direction: column; } .mt-cd_title { color: #ffffff; font-size: 14px; line-height: 16px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; margin-block-end: 2rem; letter-spacing: 0.3px; margin-inline: 10px; } .mt-cd_more { text-decoration: none; cursor: pointer; text-transform: capitalize; font-weight: 400; color: rgba(255,255,255,0.75); position: relative; padding-right: 15px; } .mt-cd_more svg { width: 7px; transition: all 0.3s ease-in-out; position: absolute;bottom: 0;top: 3px;right: 3px; } .mt-cd_more:hover svg {right: 0px; } .mt-cd_box { margin: 10px; box-shadow: 2px 2px 6px rgba(0,0,0,.20); border-radius: 12px; width: auto; } .mt-cd_box .mt-cd_box-inner { background: rgba(255, 255, 255, 1); border-radius: 10px; padding: 10px; border:1px solid #BBDCFF; transition: transform .3s cubic-bezier(0,.4,.5,1),box-shadow .3s cubic-bezier(0,.4,.5,1); } .mt-cd_box .mt-cd_box-inner:hover {box-shadow: 0 .8rem 1.2rem 0 rgba(0,0,0,.25); transform: scale(1.025); } .mt-cd-bx_head { color: #272C6B;; border-bottom: 1px solid rgba(255,255,255,0.2); padding-block-end: 10px; } .sub-head { display: flex; align-items: center;justify-content: space-between; padding-bottom: 5px; } .sub-head .livetag { display: flex; flex-direction: row-reverse; align-items: center; color: #05A315; font-size: 12px; font-weight: 500; margin-inline-end: 20px; } .sub-head .livetag i { width: 7px; height: 7px; margin-right: 5px; } .mt-cd-bx_head .sub-head .mt-cd_gd { padding:0; } /***************added hpto elements*********/ .mt-cd-bx_child{display: flex;justify-content: space-between;} .mt-cd-bx_head .mt-cd_gd { padding-bottom: 5px; font-size:12px; line-height: 14px; color: #272C6B; font-weight: 400; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .mt-cd-bx_head .matchType{margin-bottom: 2px;;border-radius: 5px;padding: 4px 5px;font-size: 11px;font-weight: 600;color: #fff;float: right;line-height: 12px;} .mt-cd-bx_head .matchType.MD { background: #8B1833;} .mt-cd-bx_head .matchType.OD {background: #CE603D;} .mt-cd-bx_head .matchType.T20 { background: #41B9FC;} .mt-cd-bx_head .matchType.T30 { background: #FCB141;} .mt-cd-bx_head .mt-cd_ty { letter-spacing: 0.3px; font-size: 14px; line-height: 16px; font-weight: 400; display: flex; justify-content: space-between; align-items: center; } .mt-cd-bx_head .mt-cd_ty span { font-size: 12px; line-height: 14px; } .mt-cd-bx_head .mt-cd_ty i { font-style: normal; } .mt-cd-bx_content { padding-block: 10px 0;min-height: 80px; } .mt-cd-sr_box { display: flex; align-items: center; color: #272C6B;; } .mt-cd-sr_box:not(:last-child){margin-block-end:5px;} .t-lo { margin-inline-end: 5px; } .t-lo img { width: 22px !important; height: 22px; } .t-lo img{ background:#fff; border-radius: 30px; } .t-na { flex: 1; text-transform: uppercase; font-weight: 400; font-size: 11px; line-height: 14px; letter-spacing: 0.2px; padding-inline-end: 5px; } .t-sr { font-size: 14px; line-height: 16px; font-weight: 600; } .t-sr span { font-size: 12px; line-height: 16px; font-weight: 300; margin-inline-start: 5px; letter-spacing: 0.3px;} .t-comd { font-size: 12px; line-height: 16px; text-transform: uppercase; color: #272C6B;; font-weight: 500; margin-block-start: 8px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .secondIng { margin-top: 10px; } /*Match Card Slider*/ .mt-sld_item-inner { border-radius: 20px; background: linear-gradient(320deg, #012D5E,#012D5E) padding-box , linear-gradient(to right, rgba(0, 96, 206, 1), rgba(83, 162, 246, 1)) border-box; border: 1px solid transparent; margin: 0 15px; transition: all 2s ease-in-out; transition: background 2s ease-in-out;} .mt-sld_item-inner-inner {background: #012D5E; border-radius: 20px; padding: 25px; flex-direction: column; font-family: "Roboto",sans-serif; } .mt-sld_top { font-family: "Roboto",sans-serif; font-size: 14px; line-height: 18px; font-weight: 600; display: block; color: #ffffff;margin-block-end: 20px; } .mt-sld_type i { font-style: normal; } .mt-sld_type i.mt-sld-ty_name { text-transform: uppercase; } .mt-sld_type i.mt-sld_day { text-transform: capitalize; } .mt-sld_ing { margin-block-end: 5px; } .mt-sld_cmd { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 16px; font-weight: 700; text-transform: capitalize; } .mt-sld_center { margin-block-end: 30px; } .mt-sld_center { justify-content: space-between; } .mt-sld_team { width: 45%; flex-direction: column; transition: all 0.3s ease-in-out;} .mt-sld_logo {overflow: hidden;transition: all 0.3s ease-in-out;border-radius: 50%;background: #eeeeee;padding: 2px;width: 35px;height:35px;display: flex;align-items: center;justify-content: center;border: 5px solid #ffffff;} .mt-sld_logo img {width: 30px; transition: all 0.3s ease-in-out;} .mt-sld_tName { height: 35px;display: flex;justify-content: center;align-items: center;width: 80%; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 12px;line-height: 16px;margin-bottom: 5px;font-weight: 600;} .mt-sld_tScore { text-align: center; color: #fff; } .sec-inn { margin-top: 10px;} .mt-sld_tScore .run {font-weight: 400;font-size: calc(14px + (22 - 14) * ((100vw - 360px) / (1600 - 360)));line-height: 26px; display: block; } .mt-sld_tScore .run i {font-size: 12px;font-style: normal;font-weight: 300;padding-left: 5px;text-transform: uppercase;} .mt-sld_tScore .overs {font-size: 14px; line-height: 16px; font-weight: 300;color: rgba(255,255,255,0.80);margin: 0;} .mt-sld_tvs { position: relative; width: 10%; top: 25px; } .mt-sld_tvs::before { content:''; position: absolute; left: 0; right: 0; width: 1px;border-right: 1px solid rgba(255, 255, 255, 0.2);height: 100px;margin: 0 auto; } .other-details, .cr-ply-info { font-size: 13px; line-height: 18px; font-weight: 400; color: rgba(255,255,255,0.5);} .other-details:not(:last-child) { margin-block-end: 10px; } .other-details span {display: block;} .mt-sld_bottom { display: flex; flex-direction: column; gap: 0.5rem; } .cr-ply-info .cr-tit { margin-block-end: 5px; } .bm-info, .bw-info { align-items: center; letter-spacing: 0.4px; } .bm-info:not(:last-child) { margin-bottom: 3px; } .bm-info i, .bw-info i { font-style: normal; } .bm-info span:nth-child(2), .bw-info span:nth-child(2){ margin: 0 8px; } .bm-info span:nth-child(2) i:not(:last-child) { margin: 0 5px 0 0; } .bm-info .str, .bw-info .str { margin-right: 5px; } .bm-info.cr-bm { color: #ffffff; } .bm-info.cr-bm .str, .bw-info.cr-bm .str { color: #00ff1e; } /* Arrows */ .slick-prev,.slick-next{position:absolute;font-size:13px;line-height:16px;display:block;padding:0;cursor:pointer;color:#fff;border:none;outline:none;background:transparent} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:after,.slick-next:focus:after{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:after{opacity:.25} .slick-prev:before,.slick-next:after{position:absolute;font-family:'slick';font-size:20px;line-height:1;opacity:.5;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{bottom:-40px;left:35%} [dir='rtl'] .slick-prev{right:-25px;left:auto} .slick-next{right:35%;bottom:-40px} [dir='rtl'] .slick-next{right:auto;left:-25px} /*Custom Next previous arrow style */ .mt-cd_wrap .slick-next::before,.mt-cd_wrap .slick-prev::before{font-family:var(--font-content);content:'';background-size:32px 32px;width:48px;height:48px;display:inline-block;background-repeat:no-repeat; vertical-align:middle;top:0;right:0;bottom:0;left:0;opacity:1;background-position:center} .mt-cd_wrap .slick-next::before {background-image: url(../../images/Icon-Arrowleft.png);rotate: 180deg;} .mt-cd_wrap .slick-prev:before{background-image: url(../../images/Icon-Arrowleft.png);margin-right: 5px;} .mt-cd_wrap .slick-prev, .mt-cd_wrap .slick-next { width: 48px; height: 48px;background-color: #FFCB05; border-radius: 50%; transition: all 0.3s ease; font-size: 0;} .mt-cd_wrap .slick-prev { bottom: inherit; left: -100px; } .mt-cd_wrap .slick-next { bottom: inherit; right: -100px; left: inherit; } .mt-cd_wrap .slick-prev:hover, .mt-cd_wrap .slick-next:hover { background-color: var(--highlight-color); } .mt-cd_wrap .slick-next:hover { right: -105px; } .mt-cd_wrap .slick-prev:hover { left: -105px; } .u-hide-web { display: none; } .u-show-web { display: block; } /*** FOR MEDIA QUERY ***/ @media screen and (max-width: 1920px){ .mt-sld_tName { width: 80%; } .live-match-details { width: clamp(300px,100%,400px); } .live-match-card { width: clamp(340px,100%,500px); } } @media screen and (min-width: 1680px) and (max-width: 3000px) { } @media screen and (max-width: 1680px) { .mt-sld_tName { width: 90%; font-size: 11px; line-height: 14px; padding-top: 2px;} .live-match-details { width: clamp(300px,100%,300px); } .live-match-card { width: clamp(340px,100%,450px); } .match__teamScore .run { font-size: calc(13px + (16 - 13) * ((100vw - 360px) / (1600 - 360))); line-height: 18px; } } @media (max-width: 1650px) { } @media (max-width: 1450px) { .live-board-overlay { padding:calc(6vmax + -1vmin) calc(5vmax + -1vmin);} .live-match-details { width: clamp(240px,100%,260px); } .live-match-card { width: clamp(340px,100%,420px); } .match-status-card { margin-block:0 0.5rem; } .match-status-card .livetag { font-size: 13px; } .match-information-card { gap: 0.5rem; padding-block: 0 0.5rem; } .match-information-card .match-tournament-name { font-size:12px; line-height: 14px; } .match-information-card .match-order span:first-child { font-size: 14px; line-height: 18px; } .match-information-card .match-order span, .match-information-card span.match-ground-name { line-height: 14px; } .match-score-card { padding: 1rem 0; } .match-score-card .team-logo, .match-score-card .match-team-name { margin-block: 0 5px; } .match-score-card .team-logo img { width: 30px; } .match-score-card .match-team-name { font-size: 12px; line-height:16px; } .mt-sld_item-inner-inner { padding: 20px;} .match__teamScore .team__over { font-size: 12px; font-weight: 400; } .cpwrite { padding-block-start: 0.5rem; } .live-match-details .match-information-card .match-tournament-name { margin-right: 1rem; font-size: 28px; line-height: 32px; } .live-match-details .btnScorecard, .live-match-card .btnScorecard { padding: 8px 16px;} .live-match-details .match-information-card span.match-ground-name { width: 50%; } .mt-sld_tScore .run { font-size: calc(14px + (18 - 14) * ((100vw - 360px) / (1600 - 360))); line-height: 22px;} .mt-cd_box .mt-cd_box-inner { padding: 10px;} .other-details, .cr-ply-info { font-size: 12px; line-height: 16px;} .cr-ply-info .cr-tit { margin-block-end: 3px; } .mt-cd_wrap .slick-next { right: -45px; } .mt-cd_wrap .slick-prev { left: -45px; } } @media only screen and (max-width: 1366px) { .live-board-section { width: 100%; } .match-card-section { width: 100%; } .live-board-overlay { padding: calc(6vmax + -1vmin) calc(4vmax + -1vmin); } .live-match-details .match-information-card .match-tournament-name { margin-right: 3rem; } .live-match-details .match-information-card span.match-ground-name { width: 50%; } .live-match-details {width: clamp(240px,100%,260px); } .live-match-card { width: clamp(340px,100%,380px); } .mt-sld_item-inner-inner { padding: 20px 15px; } .mt-sld_tName { width: 100%; font-size:11px; } .mt-cd_wrap .slick-next { right: -45px; } .mt-cd_wrap .slick-prev { left: -45px; } .mt-cd_wrap .slick-next:hover { right: -50px; } .mt-cd_wrap .slick-prev:hover { left: -50px; } } @media only screen and (max-width: 1280px) { .live-board-section { width: 100%; } .match-card-section { width: 100%; } .live-match-details .match-information-card .match-tournament-name { margin-right: 2rem; } .live-match-details .match-information-card .match-tournament-name { font-size: 32px; line-height: 36px; } .mt-cd-bx_head .mt-cd_ty { font-size: 13px; } .mt-cd_container { margin-inline-start: 1rem; } } /* 1024 to 1299 */ @media (min-width:64.0625em) and (max-width:81.24em) { } /* 1024 */ @media (max-width:64.0525em) { } @media only screen and (max-width:990px) { } /* 839 */ @media (max-width:52.49em) { .u-hide-tablet { display: none; } .u-show-tablet { display: block; } } @media (max-width: 768px) { .u-hide-mobile { display: none; } .u-show-mobile { display: block; } @keyframes slideInFromDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .slideBtn { width: 60px; top: 1%; } #live-board { width: auto; margin: 0; left: 0; right: 0; animation: 1s ease-in-out 0s 1 slideInFromDown;} #live-board::before, #live-board::after { display: none; } .liveResBlock {position: unset; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px;border-top-left-radius: 0; border-top-right-radius: 0; } .live-mobile { display: flex; align-items: center; padding: 10px 30px; } .live-mobile .match-status-card { margin: 0; flex: 0.1; } .live-mobile .match-status-card .livetag { font-size: 12px; } .live-mobile .match-status-card .livetag i { width: 8px; height: 8px; } .live-mobile .match-score-card { flex-direction: row; padding: 0; gap: 0.8rem; flex: 0.8; justify-content: center; } .live-mobile .match-score-card .live__team { text-align: center;} .live-mobile .match-score-card .live__team .inn-tag { font-size: 11px; font-weight: 300; margin: 0 0 0 5px; display: block;} .live-mobile .match-score-card .live__team:first-child { border: 0; padding-bottom: 0; } .live-mobile .match-score-card .live__team .match-team-name { font-size: 13px; margin-bottom: 3px; font-weight: 300; color: rgba(255,255,255,0.5); } .live-mobile .match__teamScore { display: flex; align-items: center; } .live-mobile .match__teamScore .run { font-size: 14px; line-height:16px; font-weight: 600; justify-content: center; flex-direction: row;align-items: center; } .live-mobile .mt-sld_tvs { top: 3px; } .live-mobile .mt-sld_tvs::before { height: 30px; } .match-details-expand { flex: 0.1; font-size:12px; line-height: 14px; background: url(../images/DA.png) no-repeat right 6px; text-align: right; padding-right: 14px; margin-top: 15px; } .live-board-overlay, .live-board-section { flex-direction: column; width: 100%; } .live-board-overlay { transform:translate3d(0,-100%,0); padding: calc(0vmax + -1vmin) calc(15vmax + -1vmin); } .live-board-section { margin-block-start: 1rem; } a.colseIcon { right: 1rem; } .live-match-details { width: 100%; position: relative; margin-block-end: 2rem; } .live-match-details .match-information-card { padding: 0; } .live-match-details .match-information-card .match-tournament-name { margin: 0; width: 200px; } .live-match-details .btnWrap { position: absolute; bottom: 0; right: 0; } .live-match-details .btnScorecard { font-size: 12px; padding: 8px 16px; } .live-match-card { width: 100%; margin-block-end: 2rem;} .mt-sld_item-inner { margin: 0; } .mt-sld_item-inner, .mt-sld_item-inner-inner { border-radius: 30px; } .live-match-details .match-information-card .match-tournament-name { font-size: 28px; line-height: 32px; } .slick-prev, .slick-next { display: none !important; } .mt-sld_tName { line-height: 15px; } .mt-sld_tScore .run { font-size: 20px; line-height: 24px; } .mt-sld_tScore .overs { font-size: 12px; } .match-card-section { width: 100%; margin: 0; } .mt-cd_container { margin-inline: 0; padding: 0 0 1rem; } .mt-cd_more { margin: 30px auto 0; text-align: center; font-size: 13px; padding: 0; } .mt-cd_more svg { position: unset; } .mt-cd_title { flex-direction: column; margin-block-end: 1rem; } .mt-cd_title .mt-cd_more { display: none; } .bm-info span:nth-child(1), .bw-info span:nth-child(1) { margin: 0 5px 0 0 !important; } .bm-info span, .bw-info span { margin: 0 0 0 5px !important; } } /* 640 to 1024 */ @media (min-width:40em) and (max-width:64.0525em) { } /* 640 */ @media (min-width:40em) { } /* 639 */ @media (max-width:39.99em) { .live-board-overlay { padding: calc(0vmax + -1vmin) calc(2vmax + -1vmin); } } /* 399 */ @media (max-width:24.99em) { .mt-sld_tvs { width: 3%; } /* .mt-cd_wrap .slick-track { margin-left: 35px; } .mt-cd_box { margin: 0 5px 0 0; } .mt-cd_box .mt-cd_box-inner { width: 90%; } */ }