@media only screen and (max-width: 1124px) {
    body .siteMenuMainWrapper>ul>li {
        padding: 28px 1rem;
    }

    .headerSectionMainWrapper .siteContainer,
    .car-jitsu-menu-section .siteContainer {
        width: 95%;
        max-width: 95%;
    }

    .siteMenuMainWrapper .innerSubMenuMain a {
        font-size: 14px;
    }

    .siteMenuMainWrapper ul li:last-child {
        padding: 0px 0.5rem;
    }

    .siteMenuMainWrapper ul li a img.fnf-header-logo {
        width: 170px;
    }
}

@media only screen and (max-width: 991px) {

    body.page-template-putt-tour .slap-fight-mobile-hover:last-child,
    body.page-template-putt-tour-athletes .slap-fight-mobile-hover:last-child,
    body.page-template-betting-guide .slap-fight-mobile-hover:last-child,
    body.single.single-athlete .slap-fight-mobile-hover:last-child {
        margin-top: 35px;
    }

    .mobileHeader .siteContainer {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    body .headerDekstop {
        display: none;
    }

    .mobileHeader {
        display: block;
        z-index: 999;
        position: relative;
    }

    .mobileHeader .headerSectionInnerWrapper {
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        padding: 19px 15px;
        background: #202026;
    }

    .mobileHeader .siteLogoCol {
        width: 45%;
        position: relative;
    }

    .mobileHeader .siteLogoCol img {
        width: 140px;
        transform: rotate(-17deg);
        position: absolute;
        object-fit: contain;
        top: -20px;
        z-index: 99;
    }

    .mobileHeader .mobileMenuIcon {
        width: 55%;
        text-align: right;
    }

    .mobileMenuIcon .open-icon {
        display: block;
        width: 39px;
        height: 39px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-left: auto;
    }

    .mobileMenuIcon .close-icon {
        display: none;
        transition: 0.3s ease;
    }

    .mobileMenuIcon .mobileMenuSideBar {
        width: 100%;
        height: 100;
        background-color: #F7F2FA;
        position: absolute;
        top: 100vh;
        left: 0px;
        transition: 0.5s;
        z-index: 1000;
        transition: 0.3s ease;
    }

    .mobileHeader .downArrow {
        padding-bottom: 10px;
    }

    .mobileHeader .innerSubMenuMain {
        text-align: left;
        padding: 0px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .mobileHeader .innerSubMenuMain>a {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
    }

    .mobileHeader .innerSubMEnuColA {
        width: 100%;
        padding: 25px 0px 15px 0px;
    }

    body .mobileHeader p.submenuHeading,
    body .mobileHeader p.topMearchHeading {
        font-size: 16px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 24px;
        color: #000000 !important;
        margin: 0;
        margin-bottom: 12px;
        font-family: area-normal, Sans-serif;
        text-align: left;
    }

    body .mobileHeader .plnSeriesCrdsMain ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 10px;
        justify-content: flex-start;
    }

    .mobileHeader .plnSeriesCrdsMain ul li {
        width: 31.2%;
    }

    .mobileHeader .plnSeriesCrdsMain a {
        text-decoration: none;
    }

    .mobileHeader .plnSeriesCrdsMain ul li img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .mobileHeader p.SeriseName {
        color: #000;
        font-family: area-normal, Sans-serif;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 14px;
        margin: 0;
        text-align: center;
    }

    a.aboutShow {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
        float: left;
        margin: 20px 0 20px 20px;
        color: #000000;
    }

    .mobileHeader .mobileMenuIcon {
        width: 55%;
        text-align: right;
    }

    .mobileMenuIcon .mobileMenuSideBar.active {
        display: block;
        top: 70px;
        transition: 0.3s ease;
        z-index: 0;
    }


    .mobileMenuIcon .mobileMenuSideBar {
        width: 100%;
        height: 100;
        background-color: #F7F2FA;
        position: absolute;
        top: 100vh;
        left: 0px;
        transition: 0.5s;
        z-index: 1000;
        transition: 0.3s ease;
    }

    .mobileMenuIcon .mobileMenuSideBar.active ul.mobileMenuList {
        padding: 60px 15px;
    }

    .mobileHeader .downArrow {
        padding-bottom: 10px;
    }

    .subMenuMainWrapper {
        display: block;
        background: transparent;
        position: unset;
    }

    .browseLibraryListMain ul {
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .mobileHeader .browseLibraryListMain li {
        width: 100%;
    }

    .libraryMainSectionWrpapper {
        width: 100%;
        background: transparent;
        padding: 0px 0px;
    }

    .mobileHeader p.SeriseName {
        padding: 0;
    }

    .browseLibraryListMain ul li {
        margin: 0 0 12px;
        list-style: none;
    }

    .browseLibraryListMain ul li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        color: black;
        text-transform: capitalize;
    }

    .mobileHeader .innerSubMenuMain>a {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
        text-transform: uppercase;
    }

    a.plnShows {
        color: #000000;
    }

    a.marchBtn {
        background-color: #CE5263;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
        fill: #FFFFFF;
        color: #FFFFFF;
        border-radius: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        margin-top: 20px;
        display: inline-block;
        float: left;
        text-decoration: none;
    }

    a.aboutShow {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
        float: left;
        margin: 20px 0 20px 20px;
        color: #000000;
        text-transform: uppercase;
    }

    #browseLibraryslider {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .mobileMenuIcon.active .close-icon {
        display: block;
        width: 39px;
        height: 39px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-left: auto;
    }

    .mobileMenuIcon.active .open-icon {
        display: none;
        transition: 0.3s ease;
    }

    .mobileMenuSideBar {
        display: none;
    }

    .slap-fight-menu.menu-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        padding: 13px 15px;
    }

    .slap-fight-menu.menu-desktop {
        display: none;
    }

    .slap-fight-menu a {
        color: #18181E;
        text-transform: uppercase;
        font-weight: 700;
    }

    .slap-fight-mobile {
        padding: 10px 50px 10px 10px;
        background: #FFFFFF;
    }

    .slap-fight-mobile-hover {
        padding: 10px 10px 10px 10px;
        background: #FFFFFF;
    }

    .slap-fight-menu-inner {
        position: relative;
    }

    .slap-fight-mobile-hover {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        position: absolute;
        top: 50px;
        left: 0;
        background: #fff;
        z-index: 10;
        width: 100%;
    }

    .slap-fight-mobile-wrap:hover .slap-fight-mobile-hover {
        opacity: 1;
        visibility: visible;
    }

    .slap-fight-mobile {
        position: relative;
    }

    .slap-fight-mobile::after {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: 29%;
        right: 12px;
        background-image: url(../images/arrow-down.svg);
        background-size: contain;
    }

    .slap-fight-mobile-hover {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }




    body .marquee-container {
        top: 95px;
    }

}