@media(min-width:1025px) {
    .ctaBtn:hover {
        background-color: #ff8900;
        color: #fff;
        box-shadow: 10px 10px 29px rgba(255, 108, 0, 0.16);
        -webkit-box-shadow: 10px 10px 29px rgba(255, 108, 0, 0.16);
        -moz-box-shadow: 10px 10px 29px rgba(255, 108, 0, 0.16);
    }

    .ctaBtn.ctaFill:hover {
        background-color: #034ea2;
        border-color: #034ea2;
        box-shadow: none;
    }

    .ctaBtn.ctaFill.ctaBlue:hover {
        background-color: #ff8900;
        border-color: #ff8900;
    }

    .ctaBtn.ctaFill.ctaWhite:hover {
        background-color: #034ea2;
        border-color: #034ea2;
        color: #fff;
    }

    .sliderArrows a:hover {
        background-color: #ff8900;
        border-color: #ff8900;
        color: #fff;
    }

    .sliderArrows.arrowsOrange a:hover {
        background-color: #034ea2;
        border-color: #034ea2;
        color: #fff;
    }

    .logosSection .sliderArrows a:hover {
        background-color: #ff8900;
    }

    .newsBox .imgWrap a:hover img {
        transform: scale(1.1);
    }

    .eventBox .imgWrap a:hover img {
        transform: scale(1.1);
    }

    .eventBoxContent h4 a:hover {
        color: #ff8900;
    }

    .volunteerBox .ctaBtn.ctaFill:hover {
        background-color: #fff;
        border-color: #fff;
        color: #ff8900;
    }
}

@media(min-width:1170px) {

    .mobileAccordion .mobileAccBody {
        display: block !important;
        height: auto !important;
    }

}

@media(max-width:1599px) {

    .bgPattern {
        display: none;
    }

}

@media(max-width:1367px) {

    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.2rem;
    }

    h4 {
        font-size: 2.2rem;
    }

    .homeAbout .bgPattern.pattern1 {
        left: -30px;
    }

    .homeAbout .bgPattern.pattern2 {
        right: -45px;
    }

}

@media(max-width:1249px) {

    .secPad {
        padding: 60px 0;
    }

    /*****Header*****/
    #nav {
        margin: 0 -10px;
    }

    #nav li {
        padding: 0 10px;
    }

    #nav li a {
        font-size: 1.4rem;
    }

    .sport_orangeStrip::after {
        left: -15px;
        bottom: -15px;
    }

    .homeRanking {
        padding: 60px 0;
    }

}

@media(max-width:1199px) {


    .homeAbout .contentBlock {
        max-width: 100%;
    }

    .homeAbout .profilesList {
        padding-bottom: 50px;
        max-width: 630px;
    }

    .upcomingEvents {
        margin-bottom: 40px;
    }

    .volunteerBoxWrap {
        padding-top: 40px;
    }

    .socialFeedBoxWrap {
        padding-top: 40px;
    }

}

@media(max-width:1169px) {

    /*****Header*****/
    .topLinks li:first-child,
    .topLinks li:first-child+li:before,
    .topLinks li.fontResize {
        display: none;
    }

    .headerLogo img {
        width: 360px;
    }

    #nav {
        display: none !important
    }

    #nav li a {
        font-size: 1.3rem;
    }

    .menuBar {
        order: 3;
        margin-left: 10px;
    }

    .menuBar,
    .navbar-toggler,
    .mobileNav {
        display: block
    }

    .bannerColLeft,
    .bannerColRight:before {
        display: none;
    }

    .bannerColRight {
        width: 100%;
        background-image: none !important;
        position: absolute;
        left: 0;
        top: 0;
    }

    .bannerColRight img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1;
        visibility: visible;
    }

    .sportbannerSection .swiper-slide {
        height: auto;
        height: 55vh;
        min-height: 350px;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
    }

    .bannerContent {
        display: block;
        height: auto;
        padding: 20px 0 50px;
        width: 100%;
        background-color: #262626;
    }

    .bannerContentWrap {
        max-width: 100%;
        text-align: center;
    }

    .bannerContentWrap p {
        display: none;
    }

    .bannerLogo {
        margin-top: 0;
    }

    .notificationSection {
        height: auto;
        padding-top: 40px;
    }

    .marqueeScrollingWrap {
        transform: none;
    }

    .sportbannerSliderNav {
        bottom: 24px;
        top: auto;
        left: 20px;
        right: 20px;
    }

    .sportbannerSliderNav .sliderPagination {
        display: flex;
        width: auto !important;
    }

    .paginationLine,
    #numberSlides {
        display: none;
    }

    .bgPattern {
        display: none;
    }

    .homeAbout {
        padding-top: 30px;
    }

    .homeRanking {
        padding: 35px 0;
    }

    .whatsNew {
        padding: 0;
        box-shadow: none;
    }

    .orangeStrip:before {
        display: none;
    }

    .notificationSection {
        padding: 0;
    }

    .marqueeScrollingWrap:before,
    .marqueeScrollingWrap:after {
        display: none;
    }

    .newsBox .imgWrap img {
        height: 260px;
    }

    .innerBannerTitle {
        font-size: 4rem;
    }

    .sliderArrows a {
        font-size: 10px;
        line-height: 14px;
        width: 20px;
        padding: 2px 1px 0 0;
    }

    .sliderArrows a.next {
        margin-left: 6px;
        padding: 2px 0 0 1px;
    }

    .customFormTabs .nav-tabs {
        display: none;
    }

    .customFormTabs .card-header {
        display: block;
        padding: 0;
    }

    .customFormTabs .card-body {
        padding: 25px 0;
    }

    .customFormTabs .card-header a {
        padding: 25px;
    }

    .customFormTabs .collapse:not(.show) {
        display: none;
    }

    .customFormTabs .tab-content>.tab-pane {
        display: block;
    }

    .customFormTabs .fade:not(.show) {
        opacity: 1;
    }

    .customFormTabs .card {
        margin-top: 15px;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 5px 5px 27px rgb(0 0 0 / 13%);
    }

    .customFormTabs {
        background-color: transparent;
        box-shadow: none;
    }

    .playerDetailTab .playerImg img {
        width: 130px;
        height: 130px;
    }

    .feedbackForm .white-box {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .secPad {
        padding: 35px 0;
    }

    .schemesWrap .schemesList {
        margin-top: 10px;
    }

    .schemesList li a {
        padding: 15px 20px 15px 48px;
    }

    .schemesList li a:before {
        top: 17px;
        left: 18px;
    }

    .volunteerBox {
        padding: 30px;
    }

    .socialBox {
        height: 420px;
    }

    .mobileAccordion .mobileAccBody {
        display: none;
    }

    .mobileAccordion .detailTitle {
        margin-bottom: 20px;
        padding-bottom: 20px !important;
        padding-right: 30px;
        position: relative;
        cursor: pointer;
        user-select: none;
    }

    .mobileAccordion .detailTitle:after {
        content: '\f067';
        font-family: FontAwesome;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mobileAccordion.open .detailTitle:after {
        content: '\f068';
    }

    .header-social {
        right: 40px;
    }

    .tollFree.header-social .iconWrap {
        background: #fff;
        display: inline-block;
        line-height: 1.5;
        border-radius: 5px;
    }

    .tollFree.header-social .iconWrap img {
        width: 20px;
    }

}

@media(max-width:1023px) {

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    h4 {
        font-size: 1.8rem;
    }

    /*****Header*****/
    .topLinks li:first-child+li,
    .topLinks li:last-child:before {
        display: none;
    }

    .headerRight {
        width: 100%;
        order: 3;
        padding-left: 0;
        margin-top: 10px;
    }

    .headerRight .headerCTAs {
        margin-left: auto;
    }

    .mainHeaderWrap .logo1 {
        order: 1;
        margin-left: auto;
    }

    .menuBar {
        order: 2;
    }

    .bgPattern {
        display: none;
    }

    .eventBoxContent {
        padding: 25px 20px 30px;
    }

    .footerUpdate {
        text-align: left;
    }

    .tab-pane .sliderArrows {
        margin-top: -24px;
    }

    #backtotop {
        width: 40px;
        height: 40px;
        font-size: 26px;
        line-height: 38px;
    }


}

@media(max-width:991px) {

    h1 {
        font-size: 2.5rem;
    }

    .rankerListCol {
        display: none;
    }

    .homeRanking .titleFix {
        display: none;
    }

    .homeRanking .titleTools {
        margin-bottom: 30px;
    }

    .notificationSection {
        padding: 30px 0 0;
    }

    .marqueeScrollingWrap {
        background-color: #fff;
        padding: 28px 0px 0px 0px;
    }

    .marqueeScrollingWrap:before,
    .marqueeScrollingWrap:after {
        display: none;
    }

    .marqueeScrolling {
        padding: 0;
        border-left: 0;
    }

    .marqueeScrollingWrap .btnMPause {
        display: none;
    }

    .marqueeScrollingWrap h2 {
        left: 0px;
        top: 0;
    }

    .marqueeScrollingWrap .viewAll {
        right: 0;
        top: 0;
    }

    .playerDetailTable {
        margin-left: 0;
    }

    .playerProfileCol {
        margin-bottom: 45px;
    }

    .profileAthletics {
        margin-left: 0;
        max-width: 100%;
    }

    .profileAthletics span {
        display: inline-block;
        padding-left: 8px;
    }

    .profileRank {
        max-width: 100%;
        margin-left: 0;
    }

    .photoGalleryInner {
        padding-bottom: 40px;
    }

    .playerProfileBanner .rankerInfo {
        margin-left: 0;
    }

    .playerProfileBanner .rankerBox .rankerInfo {
        padding-left: 12%;
    }

    .playerProfileBanner .rankerProfile {
        max-width: 100% !important;
    }

    .achieveTabCol {
        max-width: 100%;
    }

    .filter {
        padding-right: 0;
    }

    .filter .buttonGroup {
        position: static;
    }

    .filter .form-group {
        margin-bottom: 10px;
    }

    .footerBottomText,
    .footerUpdate {
        text-align: center;
    }

    .volunteerBoxWrap {
        max-width: 100%;
    }

    .volunteerBox {
        background-position: top 20% center;
    }

    .socialFeedBoxWrap {
        max-width: 100%;
    }

    .white-box.playerRegForm {
        padding: 0;
        box-shadow: none;
    }

}


@media(max-width:767px) {

    .secPad {
        padding: 40px 0;
    }

    .homeAbout .contentBlock {
        padding-bottom: 30px;
    }

    .logosSection {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    /*#backtotop { right: 15px; bottom: 15px; width: 50px; line-height: 50px; font-size: 30px; padding-bottom: 0; }*/
    .innerBanner {
        margin-bottom: 25px;
    }

    .bannerLogo {
        padding-bottom: 20px;
    }

    .bannerLogo img {
        width: 100px;
    }

    .homeRanking .titleTools {
        margin-bottom: 10px;
    }

    .homeRanking .rankerBox {
        padding: 0;
    }

    .rankerBox .rankerInfo {
        width: 100%;
        padding-bottom: 20px;
    }

    .rankerInfo .imgWrap {
        max-width: 300px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .rankerBox .rankerProfile {
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding-bottom: 0;
    }

    .rankerSliderArrows {
        width: 100%;
        padding-left: 0;
        justify-content: center;
        margin-top: 30px;
    }

    .innerBannerTitle {
        font-size: 2.5rem;
    }

    .innerBanner .bannerImg {
        display: none;
        height: auto;
    }

    .innerBanner .pageTitle {
        background-color: #ff8900;
        padding: 40px 0;
        height: auto;
        min-height: 110px;
    }

    .form-container,
    .white-box {
        padding: 25px;
    }

    form .form-control {
        height: 45px;
    }

    form .form-control+.chosen-container-single .chosen-single {
        height: 45px;
    }

    form .form-control+.chosen-container-single .chosen-single span {
        line-height: 45px;
    }

    .toggle-password {
        top: 46px;
    }

    .fieldNote {
        margin-bottom: 5px;
    }

    .customFormTabs .next-btn {
        padding-top: 15px;
    }

    .customFormTabs .card-body {
        padding: 15px 0;
    }

    .customFormTabs .card-header a {
        font-size: 1.8rem;
        padding: 15px;
    }

    .customFormTabs .next-btn.text-right {
        text-align: left;
    }

    .playerDetailTab .colBorderLeft {
        border-left: 0;
    }

    .playerDetailTab {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .playerDetailTable {
        max-width: 100% !important;
    }

    .playerDetailTable table td:first-child {
        width: 150px;
    }

    .playerProfileCol {
        margin-bottom: 30px;
    }

    .playerProfileBanner .rankerBox .rankerInfo {
        padding-left: 20px;
        padding-bottom: 0;
    }

    .playerProfileBanner .leftBorderCol {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        padding-top: 30px;
    }

    .playerProfileBanner .leftBorderCol+.leftBorderCol {
        border-top: 0;
        padding-top: 0;
    }

    .playerProfileBanner .rightBorderCol {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        padding-bottom: 30px;
    }

    .ctaBtn {
        padding: 7px 15px;
        border-radius: 7px;
    }

    .eventCta .ctaBtn,
    .volunteerBoxWrap .ctaBtn {
        display: block;
    }

    .newsBox .imgWrap img {
        height: 170px;
    }

    .homeEvent .row>div:first-child .titleOpt {
        width: 100%;
        justify-content: space-between;
    }

    .volunteerBox {
        padding: 15px;
    }

    .rankerInfo .rank {
        font-size: 3rem;
    }

    .socialBox {
        padding: 15px;
    }

    .rankerInfo .imgWrap img {
        width: 120px;
    }

    .dropdownMenu {
        min-width: 174px;
    }

    .footerSocial {
        margin-left: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .footerSocial p {
        white-space: nowrap;
        margin: auto 15px auto 0;
    }

    .eventBox,
    .schemesList,
    .iconBox,
    .volunteerBox,
    .socialBox {
        border-radius: 7px;
    }

    .innerSection h2 {
        font-size: 2rem;
    }

    .innerSection h3 {
        font-size: 1.8rem;
    }

    .innerSection h4,
    .innerSection h5,
    .innerSection h6 {
        font-size: 1.6rem;
    }

    .organizationImg {
        overflow: auto;
    }

    .organizationImg img {
        min-width: 768px;
    }

    .innerSection table {
        min-width: 700px;
    }

    .tenderList {
        flex-wrap: wrap;
    }

    .tenderList .pdfIcon {
        width: 100%;
        padding-left: 0 !important;
        padding-top: 10px;
    }

    .schemesListBox {
        padding: 15px 15px 15px 25px;
    }

    .schemesListBox p,
    .schemesListBox .arrowLink {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .schemesListBox h5:before {
        left: -14px;
        top: 0;
    }

    .contactCard {
        padding: 15px;
        margin-bottom: 10px;
        height: auto;
    }

    .contactCardLeft {
        margin-right: 10px;
        width: 60px;
    }

    .contactCardLeft img {
        max-width: 100%;
    }

    .contactCardRight address {
        margin-bottom: 0;
    }

    .eventSmall .imgHolder img {
        height: auto;
    }

    .playerRegForm .detailTitle,
    .playerRegForm .form-group-info .control-label {
        font-size: 2rem;
    }

    .playerRegForm .form-group label {
        font-size: 1.6rem;
    }

    .playerRegForm form .form-control {
        border-radius: 5px;
    }

    .playerRegForm form .form-control:not([type=file]) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .playerRegForm p {
        font-size: 1.3rem;
    }

    .playerRegForm .btn {
        display: block;
        width: 100%;
        border-radius: 5px;
    }

    .playerRegForm .btn.btn-reset {
        margin-left: 0;
        margin-top: 10px;
    }

    /*Responsive Table*/
    .responsiveTable,
    .responsiveTable tr,
    .responsiveTable td,
    .responsiveTable td:before {
        display: block;
        text-align: left;
        border: none;
    }

    .responsiveTable,
    .responsiveTable tr,
    .responsiveTable td:last-child {
        border-bottom: none;
    }

    .responsiveTable thead,
    .responsiveTable tr th {
        position: absolute;
        top: -1000em;
        left: -1000em;
    }

    .responsiveTable tr {
        margin: 0 0 20px;
    }

    .responsiveTable tr td:nth-child(1) {
        border-left: none;
    }

    .responsiveTable tr td:last-child {
        border-right: none;
    }

    .responsiveTable tr:last-child .td,
    .responsiveTable td {
        border-bottom: 1px solid #ddd;
    }

    .responsiveTable td:before {
        font-size: 14px;
        line-height: 27px;
        color: #084298;
        content: " " attr(data-label)"";
    }

    .responsiveTable tbody {
        display: block;
        border-top: 0 !important;
    }

    .responsiveTable tr td {
        font-size: 16px;
        padding: 0 0 10px !important;
        margin-bottom: 5px;
        width: auto !important;
        border-radius: 0 !important;
        background-color: transparent !important;
    }

    .mobileAccordion .detailTitle {
        font-size: 2rem;
        margin-bottom: 15px;
        padding-bottom: 15px !important;
    }

    .jobDetail table td {
        font-size: 1.4rem;
    }

    .jobDetailCell,
    .jobDetailCell p {
        font-size: 1.4rem;
    }

    .jobDetailCell {
        width: 100%;
    }

    .jobDetailCell>span:first-child {
        width: 130px;
        min-width: 130px;
    }

    .form-group .input-group .btn {
        padding: 9px 20px 10px 20px;
    }

}

@media(max-width:639px) {

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    /*****Header*****/
    .headerCTAs .ctaBtn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .headerCTAs .ctaBtn+.ctaBtn {
        padding-left: 35px;
        padding-right: 15px;
    }

    .headerLogo img {
        width: 320px;
    }

    .mainHeaderWrap .logo1 {
        width: 70px;
    }

    .tollFree .iconWrap {
        display: none;
    }

    .tollFreeText {
        width: 100%;
        padding-left: 0;
    }

    .homeAbout.secPad {
        padding-top: 30px;
    }

    .homeAbout .profilesList {
        padding-bottom: 40px;
    }

    .profilesList {
        margin: -10px -5px;
    }

    .profilesList li {
        width: 100%;
        padding: 10px 5px;
    }

    .newsBox .imgWrap {
        margin-bottom: 16px;
    }

    .upcomingEvents {
        margin-top: 5px;
        margin-bottom: 40px;
    }

    .eventBoxContent p {
        font-size: 1.6rem;
    }

    .volunteerBoxWrap {
        padding-top: 40px;
    }

    .homeStat h2 {
        margin-bottom: 15px;
    }

    .homeStat .titleOpt {
        margin-bottom: 18px;
    }

    .schemesWrap .schemesList {
        margin-top: 5px;
    }

    /*.schemesList li { font-size: 1.6rem; }
    .schemesList li a { padding: 20px 20px 20px 50px; }
    .schemesList li a:before { left: 18px; top: 19px; }*/

    .socialFeedBoxWrap {
        padding-top: 40px;
    }

    .homeSocial .nav>a+a {
        margin-left: 25px;
    }

    .socialFeedBox {
        margin-top: 10px;
    }

    .logosSlider .logoWrap {
        padding: 0 10px;
    }

    .rankerInfo .imgWrap {
        max-width: 230px;
    }

    .playerProfileCol .rankerInfo .imgWrap {
        max-width: 100%;
    }

    .form-group-file .uploaded-image-file {
        width: 80px;
        height: 80px;
        top: 36px;
    }

    .form-group-file,
    .form-group-file {
        padding-left: 100px;
    }

    .form-group-file .form-control {
        margin-top: 10px;
    }

    .form-group-file .control-label {
        margin-left: -100px;
        line-height: 1;
    }

    table.table-hover td {
        font-size: 1.4rem;
        line-height: 1.4;
        padding: 11px 20px;
    }

    .imgFloatLeft {
        float: none;
        max-width: 100%;
        width: auto;
        margin-right: 0;
    }

    .contactCard {
        font-size: 1.2rem;
    }

    .contactCardRight h5 {
        font-size: 1.28rem;
    }

    .contactCardRight p {
        font-size: 1.2rem;
        text-align: left;
    }

    .contactCardRight address a {
        font-size: 1.2rem !important;
    }

    .marqueeScrollingWrap h2 {
        font-size: 18px;
    }

    .titleOpt {
        margin-bottom: 10px;
    }

    /* sports complex page css */
    .levelWrap ul {
        flex-wrap: wrap;
        justify-content: unset;
    }

    .levelWrap ul li {
        width: 33%;
        margin: 0 0 15px 0;
    }

}

@media(max-width:479px) {

    /*****Header*****/
    .headerLogo img {
        width: 230px;
    }

    .mainHeaderWrap .logo1 {
        width: 40px;
    }


    .tollFree .iconWrap {
        font-size: 1.5rem;
        width: 30px;
        line-height: 30px;
    }

    /*.tollFreeText { padding-left: 8px; width: calc(100% - 30px); }*/
    .tollFreeText p {
        font-size: 1.2rem;
    }

    .tollFreeText h4 {
        font-size: 1.6rem;
    }

    .headerCTAs .ctaBtn {
        font-size: 1rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .headerCTAs .ctaBtn+.ctaBtn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .headerCTAs .ctaBtn:last-child .fa {
        display: none;
    }

    .headerRight .headerSearch {
        margin-left: 8px;
    }

    .headerSearch>a {
        font-size: 1.5rem;
        width: 30px;
        line-height: 30px;
    }

    .searchBoxWrap .ctaBtn {
        padding: 10px 5px;
        width: 50px;
    }

    .searchBoxWrap input.form-control {
        width: calc(100% - 50px);
        height: 46px;
    }

    .form-group .input-group {
        flex-wrap: wrap;
    }

    .form-group .input-group .input-group-append {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .levelWrap ul li {
        width: 50%;
    }
}

@media(max-width:360px) {
    .levelWrap ul li {
        width: 100%;
    }
}

/* New Design Start */
@media (max-width:1430px) {
    .sportbannerSection .sportbannerSliderNav {
        right: 5px;
    }
}

@media (max-width:1370px) {
    .sportbannerSection .sportbannerSliderNav {
        bottom: 6px;
        top: auto;
        left: 20px;
        right: 20px;
    }

    .sportbannerSliderNav .sliderPagination {
        display: flex;
        width: auto !important;
    }

    .paginationLine,
    #sportnumberSlides {
        display: none;
    }

    .sportbannerSection .ThumbBox {
        margin: 27px 0px 90px;
    }

    .marqueeScrollingWrap {
        transform: translateY(-50%);
    }

    .notificationSection {
        padding: 0px 0px 0px;
    }
}

@media (max-width:1399px) {
    .notificationSection .marqueeScrollingWrap {
        padding: 21px 135px 21px 210px;
    }

    .notificationSection .marqueeScrollingWrap .arrowLink {
        right: 30px;
    }

    .marqueeScrollingWrap h2 {
        left: 30px;
    }

    .marqueeScrolling {
        padding: 0px 20px;
    }

    .homeAbout.NewhomeAbout .NewhomeAboutLeft {
        padding-right: 25px;
    }

    .sportbannerSection .ThumbBox {
        padding-bottom: 29%;
    }
}

@media (max-width:1249px) {
    #nav li {
        padding: 0 0px;
    }
}

@media (max-width:1199px) {
    .notificationSection .marqueeScrollingWrap {
        padding: 21px 115px 21px 195px;
    }

    .notificationSection .marqueeScrollingWrap .arrowLink {
        right: 15px;
    }

    .marqueeScrollingWrap h2 {
        left: 15px;
    }

    .marqueeScrolling {
        padding: 0px 15px;
    }

    .EventsSchemes .EventsBox {
        min-height: 443px;
    }

    .EventsSchemes .EventsBox.SocialFeedBox {
        min-height: auto;
    }
}

@media (max-width:1169px) {
    .sportbannerSection .swiper-slide {
        height: auto;
        min-height: auto;
    }
}

@media (max-width:1023px) {

    .EventsSchemes .EventsBox.SocialFeedBox .SocialFeedBoxTabs,
    .EventsSchemes .EventsBox.SocialFeedBox ul.Custom {
        top: -49px;
    }
}

@media (max-width:991px) {
    .marqueeScrollingWrap h2 {
        top: 50%;
    }

    .marqueeScrollingWrap .btnMPause {
        display: inline-block;
        top: 1px;
    }

    .homeAbout.NewhomeAbout .NewhomeAboutLeft {
        width: 100%;
        padding-right: 0px;
    }

    .homeAbout.NewhomeAbout .NewhomeAboutRight {
        width: 100%;
    }
}

@media (max-width:767px) {
    .notificationSection .marqueeScrollingWrap {
        padding: 21px 108px 21px 180px;
    }

    .homeAbout.NewhomeAbout .profilesList li {
        width: 50%;
    }

    .EventsSchemes .EventsBox.SocialFeedBox .SocialFeedBoxTabs,
    .EventsSchemes .EventsBox.SocialFeedBox ul.Custom {
        top: -47px;
    }

    .EventsSchemes .EventsBox {
        min-height: auto;
    }

    .EventsSchemes .EventsBox.SocialFeedBox {
        min-height: auto;
    }
}

@media (max-width:575px) {
    .mainHeaderWrap {
        position: relative;
    }

    .menuBar {
        position: absolute;
        bottom: 0;
        margin-left: 0;
    }

    .homeAbout.NewhomeAbout .profilesList li {
        width: 100%;
    }

    .marqueeScrollingWrap h2 {
        position: unset;
        top: unset;
        width: 100%;
        padding: 0px 43px 0px;
        transform: unset;
        margin-bottom: 15px;
    }

    .notificationSection .marqueeScrollingWrap {
        padding: 15px 0px 15px 0px;
    }

    .notificationSection .marqueeScrollingWrap .arrowLink {
        position: unset;
        margin-left: 15px;
    }

    .marqueeScrollingWrap .btnMPause {
        top: -37px;
        left: 15px;
    }

    .marqueeScrolling,
    .highContrastBlack .marqueeScrolling {
        border-left: none;
    }

    .EventsSchemes .EventsBox.SocialFeedBox .SocialFeedBoxTabs,
    .EventsSchemes .EventsBox.SocialFeedBox ul.Custom {
        top: -46px;
    }

    .notificationSection {
        padding: 30px 0px 0px;
    }

    .notificationSection .marqueeScrollingWrap {
        transform: unset;
    }

    .sportbannerSection .ThumbBox {
        margin: 27px 0px 60px;
    }

    .sportbannerSection .sportbannerSliderNav {
        bottom: 0px;
    }
}

@media (min-width:1025px) {
    .ctaBtn.ctaFill:hover {
        background-color: #3272B9;
        border-color: #3272B9;
    }

    .ctaBtn.ctaFill.ctaBlue:hover {
        background-color: #DB2D72;
        border-color: #DB2D72;
    }

    .sliderArrows a:hover {
        background-color: #DB2D72;
        border-color: #DB2D72;
        color: #fff;
    }
}

@media (max-width: 768px) {
    .sportbannerSection .swiper-slide {
        height: 50vw;
    }
}

@media (max-width: 480px) {
    .sportbannerSection .swiper-slide {
        height: inherit !important;
        ;
    }
}