﻿
@media screen and (min-width: 1400px) {
    .formatTitle.pb-100 {
        padding-bottom: 90px;
    }
}

@media (max-width: 1440px) and (min-width: 1366px) {

    .clipPath-min {
        clip-path: inset(-100vw -6vw -100vw 12px);
        -webkit-clip-path: inset(-100vw -6vw -100vw 12px);
    }
}

@media (max-width: 1400px) and (min-width: 577px) {
    .btn-primary, .slideDataP .btn-light {
        font-size: 17px;
    }

    .tabbedSlider .tabSlide h3 span:after {
        width: 43px;
        height: 29px;
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bike-details-wrap, .gear-col, .mt-100 {
        margin-top: 50px;
    }

    .mb-100 {
        margin-bottom: 50px;
    }

    .partnerBg {
        padding: 50px 0;
    }

    .dark-banner .p-cust {
        padding-top: 40px;
        padding-bottom: 50px;
        max-width: 500px;
        min-width: 500px;
    }

        .dark-banner .p-cust img {
            max-width: 100%;
        }

    h2.lg-title, .bigTitle {
        font-size: 45px;
        line-height: 1;
    }

    .bannerData h2 {
        font-size: 95px;
    }

    .apache-showcase h4 {
        font-size: 105px;
    }

    .knowMoreCol .common-title, .product-box .common-title span, .programSlider.wTslider h2, .upcoming-race h5, .bannerData h3, .standing-wrap h3 {
        font-size: 30px;
    }

    .common-title {
        font-size: 35px;
    }

    .upcoming-race h4, .product-box h2, .overLay h2, .bg-red-feat h4, .bg-red-feat h4 .bg-red-feat h4 {
        font-size: 70px;
    }

    .dark-banner h3, .active.item-cover h2 {
        font-size: 50px;
    }

    .dark-banner p {
        font-size: 24px;
    }

    .footer-col h3, .tab-bg .nav-link {
        font-size: 20px;
    }

    .cust-select {
        font-size: 18px;
    }

    .tabbedSlider .tabSlide h3 {
        font-size: 32px;
    }
}

@media (min-width:1112px) {
    .teamSection .intro-wrapper {
        padding-right: 95px
    }

    .achivement-wrapper .inner-container {
        padding: 2px 86px;
    }
}

@media (max-width: 1400px) and (min-width: 768px) {
    .out-wrap.ms-5.z3, .dark-banner .out-wrap.redPbg, .dark-banner .out-wrap.mw-500 {
        min-width: 400px;
        max-width: 400px;
    }

        .dark-banner .out-wrap.redPbg img, .out-wrap.ms-5.z3 img {
            max-width: 100%;
        }

    .bannrDarKiner {
        justify-content: flex-start;
    }

    .dark-banner .out-wrap {
        align-self: center;
    }

    .dark-banner .p-cust {
        min-width: 400px;
    }

    .mw-340 {
        max-width: 230px;
    }
}

@media (max-width: 1366px) {
    .dark-banner .out-wrap.mw-500 h3::after {
        left: 0;
    }

    .dark-banner h3 {
        line-height: 1;
    }

    .main-nav .nav-item {
        margin-left: 10px;
    }

    .main-nav .dropdown-menu {
        left: -20px;
    }

    h3.rider-title {
        font-size: 50px;
    }

    /*.tabbedSlider .tabSlide h3 {
        max-width: 390px;
    }*/

    .main-nav {
        height: 60px;
    }

    body {
        padding-top: 60px;
    }

    .bannerWrap {
        height: calc(100vh - 60px);
    }

    h2.lg-title, .bigTitle {
        font-size: 40px;
    }

    .active.item-cover {
        padding-top: 130px;
    }

        .active.item-cover .bike-revel {
            max-width: 270px;
            margin: 0 auto;
        }

    .tab-bg {
        margin-bottom: 20px;
    }

    .upcoming-race h4, .product-box h2, .overLay h2, .overLay h1, .bg-red-feat h4, .bg-red-feat h4 .bg-red-feat h4 {
        font-size: 55px;
        line-height: 1;
    }

    .feature h4, .dark-banner h3 {
        font-size: 35px;
    }

    .active.item-cover h2 {
        font-size: 45px;
    }

    .standing-wrap {
        padding-bottom: 25px;
    }

    .bg-red-feat {
        width: 205px;
    }

    .dark-banner p {
        font-size: 20px;
    }

    .racerSlider p {
        font-size: 17px;
    }

    .up-race-detils {
        padding: 30px;
    }

    .main-nav.navbar-light .navbar-nav .nav-link.dropdown-toggle.show::before {
        bottom: -36px;
    }

    .navbar .custNavItemWrap.pNav .dropdown-menu {
        top: calc(100% + 30px);
    }

    .active.item-cover .bike-revel {
        top: -21%
    }
}

@media (max-width: 1280px) {
    .tabbedSlider .tabSlide h3 span:after {
        width: 37px;
        height: 26px;
    }

    .bike360-col h2.lg-title {
        font-size: 60px;
    }

    h3.rider-title {
        height: auto;
        line-height: 1;
    }

    .container.clipPath {
        padding: 0 !important;
    }

    .instSliderWrap {
        background-position: 120%;
    }

        .instSliderWrap .container.clipPath {
            padding: 0 0px !important;
        }

    .textBox {
        margin-left: 10px;
    }

    .navbar .megamenu .row {
        /* border: 8px solid #e72f2e;
        padding: 20px;*/
        border-top: none;
    }

    .navbar .custNavItemWrap.pNav .dropdown-menu {
        border-radius: 0;
        padding: 20px;
        min-width: 383px;
        border: 8px solid #e72f2e;
        border-top: none;
    }

    .lineBottom, .navbar .custNavItemWrap .dropdown-menu::after, .navbar .megamenu::after, .navbar .custNavItemWrap .dropdown-menu::before, .navbar .megamenu::before {
        display: none;
    }

    .menuitem.container {
        max-width: 100% !important;
        padding: 0 0px !important;
    }

    .container {
        max-width: 100% !important;
        padding: 0 50px !important;
    }

        .container.pt-100 {
            padding-top: 20px !important;
        }

        .container.pb-100 {
            padding-bottom: 20px !important;
        }

    .bannerWrap {
        height: auto;
    }

    .commit-col {
        padding: 45px;
    }
}

@media (max-width: 1199px) {
    .card-outer .card-img {
        position: absolute;
        right: 0;
        bottom: auto;
        top: -6px;
        width: 150px;
        height: 150px;
    }

    .card-outer {
        margin: 10px 0;
    }

        .card-outer h3 {
            line-height: 1;
        }

    .tabbedSlider .tabSlide.active .relatedSlide {
        max-width: 360px;
        right: calc(50% - 360px);
        top: calc(50% - 90px);
    }

        .tabbedSlider .tabSlide.active .relatedSlide img {
            max-width: 100%;
        }

    .lg-Heading {
        font-size: 60px;
    }

    p.f20 {
        font-size: 18px;
    }

    .commit-col, .partner-slide-item {
        padding: 20px 30px;
    }

    .innerRelBox {
        background-size: 90px;
    }

    .footer-col {
        padding-top: 50px;
    }

    .bigTitle, .apache-showcase p {
        max-width: 100%;
    }

    .main-nav .nav-item {
        margin-left: 0;
    }

    .newsletter {
        background-size: contain;
    }

    .hiddenItem {
        max-width: 100%;
    }

    .wt-col {
        min-height: 455px;
    }

    .vLine {
        height: 170px;
        top: 27px;
        background-position: bottom;
    }

    .programSlider.wTslider {
        padding: 0 40px 35px 85px;
    }

    .slideDataP {
        padding: 30px 100px;
    }

    .text-start img {
        max-width: 160px;
    }

    .wc-100 {
        width: 100%
    }

    .pm-2 {
        padding-left: 10px;
    }

    .tabbedSlider .tabSlide h3 {
        font-size: 30px;
    }

    .footSocial {
        margin-top: 30px;
    }

    .mobLogo {
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

    .petro-footer {
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
    }

    .footSocial .socialNav {
        margin: 0 auto;
    }

    .socialNav li:last-of-type {
        margin-right: 0px;
    }

    .socialNav li:last-of-type {
        margin-right: 0px;
    }
}

@media (max-width: 1111px) {
    .petronas-race-wrap .tab-bg .nav-link {
        transform: skew(0);
    }

    .achivement-wrapper, .intro-wrapper {
        flex-wrap: wrap;
    }

    .achivement-wrapper {
        padding: 0;
        height: auto;
    }

    .intro-wrapper div {
        margin-right: 0;
        padding-right: 0;
        width: 50%;
    }

        .intro-wrapper div::after {
            right: 20px;
        }

        .intro-wrapper div:nth-child(2n) {
            padding: 0;
            margin: 0;
        }

            .intro-wrapper div:nth-child(2n):after {
                display: none;
            }

    .achivement-wrapper .inner-container {
        width: calc(50% - 20px);
        padding: 20px;
        border: none;
        position: relative;
    }

        .achivement-wrapper .inner-container:after {
            border-left: 1px solid rgb(255, 255, 255, .2);
            content: '';
            position: absolute;
            width: 1px;
            top: 14px;
            bottom: 15px;
            left: -19px;
        }

        .achivement-wrapper .inner-container:first-child:after, .achivement-wrapper .inner-container:nth-child(3):after {
            display: none;
        }

        .achivement-wrapper .inner-container:first-child {
            border-bottom: 1px solid rgb(255, 255, 255, .2);
        }

        .achivement-wrapper .inner-container:first-child {
            border: none;
        }

    .achivement-wrapper .rider-details-banner .achivement-wrapper .inner-container:nth-child(3)::after, .achivement-wrapper .rider-details-banner .achivement-wrapper .inner-container:nth-child(2) {
        display: none;
    }

    .achivement-wrapper .inner-container::after {
        border: none;
    }

    .inner-text {
        height: auto;
    }

        .inner-text .achive-num {
            font-size: 28px;
            line-height: 1;
        }

        .inner-text p {
            font-size: 14px;
            line-height: 1;
        }

    .intro-wrapper div .intro-key, .intro-wrapper div p {
        font-size: 16px;
    }

        .intro-wrapper div p img {
            width: 100%;
            height: 100%;
            margin-top: 6px;
        }

    .bike360-col {
        background-size: cover;
    }

    .instSliderWrap {
        background-position: 92vw center;
    }

    .instructorsSlider .ms-5 {
        margin-left: 0 !important;
    }

    .instrProfile .row {
        justify-content: center;
    }

    .instrProfile .ms-1.ms-md-5.mt-3.mt-md-0.pe-1.pe-md-0 {
        margin-left: 0 !important;
        margin-top: 2rem !important;
    }

    .tab-bg {
        background: #f2f2f2;
        transform: skewX(-20deg);
        overflow: hidden;
    }

        .tab-bg .nav-link {
            border-radius: 0;
        }

    .nav-fill .nav-item .nav-link span {
        transform: skewX(20deg);
        display: block;
    }

    .tab-bg .nav-link.active {
        background: #e7282c;
    }

    .mw-630 {
        max-width: 420px;
    }

    .rider-details-banner .achivement-wrapper .inner-container {
        width: auto;
        padding: 0;
    }

        .rider-details-banner .achivement-wrapper .inner-container:nth-child(3)::after {
            display: block;
        }

    .mw-36 {
        max-width: 30px;
    }

    .partnerSlider.slidrFullpro .partner-slide-item {
        padding: 10px 10px 10px 25px;
    }

    .partner-slide-item h3 {
        font-size: 25px;
        margin-bottom: 0;
    }

    .partner-slide-item h4 {
        font-size: 21px;
    }

    .partner-slide-item p {
        font-size: 18px;
    }

    .partner-slide-item::before {
        right: -40px;
    }

    .partner-slide-item::after {
        left: -10px;
        width: 60px;
        background-position: right;
        height: 60px;
    }
}

@media all and (min-width: 992px) {
    .navbar-collapse {
        width: 100vw;
    }

    .navbar .megamenu h6 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .main-nav .dropdown-menu li a.dropdown-item {
        font-size: 17px;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        margin: auto;
        left: 0;
        right: 0;
    }
}

@media(max-width: 991px) and (max-height:767px) {
    .navbar.fixed-top .navbar-collapse {
        overflow: auto;
        height: 50vh;
    }
}

@media (max-width: 992px) {
    .custNav .owl-nav .owl-next {
        cursor: url(https://tvsracingimages.tvsmotor.com/tvsracing/Icons/arrowR-Bmin.png), auto;
    }

    .custNav .owl-nav .owl-prev {
        cursor: url(https://tvsracingimages.tvsmotor.com/tvsracing/Icons/arrowL-Bmin.png), auto;
    }

    .ranking-list li.r-heading span.f-title {
        margin-right: 0;
        width: 60px;
    }

    .ranking-list li.list-group-item {
        font-size: 20px;
    }

    .innerRelBox {
        background-size: 50px;
    }

    .newsletter {
        padding: 20px 0;
    }

    .standing-wrap {
        padding: 20px;
    }

    .ranking-list li span.rank {
        margin-right: 10px;
        width: 60px;
        background-position: right;
    }

    .mt-c-2 {
        margin-top: 1.5rem;
    }

    .feed-content {
        padding: 20px;
    }

    .ptb-100 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .bike-details-wrap, .gear-col, .mt-100 {
        margin-top: 35px;
    }

    .mb-100 {
        margin-bottom: 35px;
    }

    .hiddenWrap .partner-wrap .outer-slider-wrap.mb-100 {
        margin-bottom: 0px;
    }

    .partnerBg {
        padding: 10px 0px;
    }

    .dark-banner .p-cust {
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .slideDataP {
        padding: 15px 100px;
    }

    .tabbedSlider .tabSlide h3 {
        max-width: 45%;
    }

    .tabbedSlider .tabSlide .progdescription {
        max-width: 100%;
    }
}

@media(max-width: 991px) {
    .cust-select {
        margin-top: 20px;
    }

    .progrm-top-col {
        display: flex;
        flex-direction: column;
    }

    .mt-50N {
        order: 3;
        margin: 50px 0 0;
        text-align: left !important;
    }

    .main-nav.navbar-light .navbar-nav .nav-link.dropdown-toggle.show::before {
        display: none;
    }

    .wtContent {
        padding-left: 45px;
    }

    .wtSliderImg::before, .wtSliderImg::after {
        width: 45px;
        height: 35px;
    }

    .championship-stand {
        position: unset;
        padding-bottom: 0;
    }

    .owl-carousel.multiSlideThumb {
        position: relative;
        padding-top: 70px;
    }

        .owl-carousel.multiSlideThumb .owl-dots {
            position: absolute;
            left: 0;
            bottom: -50px;
            // top: 10px;
            right: 0;
        }

    .scrollTable {
        overflow: auto;
    }

        .scrollTable .pointsTable {
            width: 892px;
        }

    .rider-details-banner h1 {
        font-size: 60px;
        font-weight: 600;
    }

    .championship-stand .champ-content {
        padding: 20px 20px 5px;
    }

    .champ-content p {
        font-size: 20px;
    }

    .racer-card .card-outer {
        height: 112px;
        margin: 0 8px 20px;
    }

    .card-outer h3 {
        font-size: 24px;
    }

    .card-outer .card-img {
        width: 125px;
        height: 125px;
    }

    .card-outer p {
        font-size: 16px;
        line-height: 1;
    }

        .card-outer p span {
            font-size: 24px;
        }

    .bike360-col {
        padding: 50px 0;
    }

    .commit-col h3, .raceTeam h4 {
        font-size: 26px;
    }

    .commit-col p, .raceTeam p, .racerSlider p {
        font-size: 16px;
    }

    .foot-bottom-nav ul li a {
        font-size: 12px;
        margin: 0
    }

    .foot-bottom-nav ul li {
        margin: 0;
    }

        .foot-bottom-nav ul li a::after {
            display: none;
        }

    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    .navbar.fixed-top .navbar-collapse {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        padding: 0 50px;
        margin-top: 10px;
    }

    .main-nav.navbar-light .navbar-nav .nav-link {
        font-size: 24px;
        font-weight: 400;
        padding: 20px 0;
    }

        .main-nav.navbar-light .navbar-nav .nav-link.dropdown-toggle.show {
            text-decoration: none;
        }

    .navbar .megamenu .row {
        border: none;
        padding: 0;
        margin: 0 -15px;
    }

    .navbar .megamenu {
        padding: 0 !important;
    }

        .navbar .megamenu h6 {
            font-weight: 500;
            font-size: 20px;
            line-height: 26px;
            color: #262626;
            margin-bottom: 0px;
            margin-top: 10px;
        }

    .main-nav .dropdown-menu li a.dropdown-item {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
    }

    .main-nav .separator {
        border: none;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .main-nav .psm-0 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .main-nav .dropdown-menu li a.dropdown-item .list-unstyled li {
        font-size: 20px;
        text-transform: none
    }

    .navbar .custNavItemWrap.pNav .dropdown-menu {
        padding: 0 0 10px;
        border: none;
    }

    .main-nav .col-megamenu .dropdown-item {
        text-transform: none;
    }

    .main-nav {
        align-items: flex-start;
        padding-top: 10px;
        margin-top:-1px;
    }

        .main-nav .nav-item {
            border-bottom: 1px solid #eee;
        }

    .navbar-collapse {
        background: #fff;
    }

    .instructorsSlider .owl-nav {
        margin-top: 0;
        position: absolute;
        top: -87px;
    }

    .instructorsSlider .owl-dots {
        left: 130px;
        top: -95px;
    }

    .instSliderWrap .bigTitle.mb-5 {
        margin-bottom: 75px !important;
    }

    #instafeed-container {
        display: grid;
        grid-template-columns: repeat(3, 37%);
        grid-template-rows: repeat(3, 33%);
        grid-gap: 0px;
    }

    .main-nav .navBrandBar {
        padding-left: 6%;
    }

    .navbar-brand.racinglogo img {
        margin-left: 25px;
        height: 20px;
    }

    .navbar-collapse {
        border-top: 1px solid #E7282C;
        order: 2;
    }


    .bike-details-wrap, .gear-col, .mt-100 {
        margin-top: 35px;
    }

    .mb-100 {
        margin-bottom: 35px;
    }

    .hiddenWrap .partner-wrap .outer-slider-wrap.mb-100 {
        margin-bottom: 0px;
    }

    .partnerBg {
        padding: 10px 0;
    }

    .dark-banner .p-cust {
        padding-top: 30px;
        padding-bottom: 35px;
    }

    .slideDataP {
        padding: 15px 100px;
    }

    .tabbedSlider .tabSlide h3 {
        max-width: 45%;
    }
}

@media (max-width: 835px) {
    .tabbedSlider .tabSlide h3 span:after {
        display: none !important;
    }

    .tabbedSlider .tabSlide.active h3 span img {
        display: none !important;
    }

    .flagRace {
        right: 0;
        left: auto;
        top: 90px
    }

    .tabbedSlider .tabSlide {
        display: flex;
        flex-direction: column;
    }

    .slideDataP p {
        margin-bottom: 1rem !important
    }

    .slideDataP h2 {
        font-size: 30px;
        margin: 0;
    }

    .btn-primary, .slideDataP .btn-light, .slideDataP p {
        font-size: 14px;
        line-height: 1.5;
    }

    .product-box h2.title-back.tb-2 {
        top: 0;
        width: 100%;
        text-align: center;
        bottom: 0;
        height: 50px;
        margin: auto;
    }

    .mw-630, .mw-340 {
        max-width: 100%;
    }

    .scroll-slider p.sub-title {
        margin-left: 0 !important;
        padding: 0 18px;
        margin: 10px 0 0;
        background-size: contain;
    }

    .tabbedSlider .tabSlide h3 span {
        position: unset;
    }

        .tabbedSlider .tabSlide h3 span::before {
            display: block;
            bottom: -10px;
            right: 23px;
            top: auto;
        }

    .tabbedSlider .tabSlide p, .tabbedSlider .tabSlide .relatedSlide img, .tabbedSlider .tabSlide.active .relatedSlide, .tabbedSlider .tabSlide h3 {
        max-width: 100%;
        color: #000;
    }

    .tabbedSlider .tabSlide.active .relatedSlide, .tabbedSlider .tabSlide .relatedSlide {
        display: block;
        position: unset;
        order: -1;
        position: relative;
        right: 0;
        top: -9px;
    }

        .tabbedSlider .tabSlide.active .relatedSlide .ctn-img-btn, .tabbedSlider .tabSlide .relatedSlide .ctn-img-btn {
            position: absolute;
            height: 44px;
            width: 58px;
            z-index: 2;
            right: 32px;
            bottom: 12px;
            display: block;
        }
    /* .tabbedSlider .tabSlide .relatedSlide:after {
            content: '';
            position: absolute;
            right: 10px;
            bottom: 0;
            background: url(https://tvsracingimages.tvsmotor.com/tvsracing/Icons/redBgArrowRight.svg) no-repeat center center;
            background-size: auto;
            height: 44px;
            width: 58px;
            background-size: cover;
        }*/

    .pb-100 {
        padding-bottom: 50px;
    }

    .tabbedSlider .tabSlide.active h3 span::before, .tabbedSlider .tabSlide h3 span::before {
        display: none;
    }

    #instafeed-container {
        display: grid;
        grid-template-columns: repeat(3, 37%);
        grid-template-rows: repeat(3, 33%);
        grid-gap: 0px;
    }

    .progrmImgSilder .owl-nav {
        padding: 0px 0px;
    }
}

@media (max-width: 768px) {
    .footer-col.text-white .row.justify-content-sm-center {
        justify-content: flex-start !important;
    }

    .footer-col.text-white .ps-5.order-1.order-md-0.col-12.col-md-auto {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .pro-thumb .side-img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .rider-details-banner {
        background-size: auto
    }

    .petronas-race-wrap .info-content {
        padding-bottom: 32px;
    }

        .petronas-race-wrap .info-content::after {
            height: 12px;
            background: #4BA69D;
            top: auto;
            bottom: 0;
            z-index: -1;
            right: 27px;
            left: 0;
            width: auto;
        }

    .petronas-race-wrap .rider-img-container {
        position: relative;
    }

        .petronas-race-wrap .rider-img-container:after {
            content: '';
            background: url(https://tvsracingimages.tvsmotor.com/tvsracing/borderLine3.png);
            background-size: 100% 100%;
            background-repeat: repeat-x;
            background-position: top;
            width: 20px;
            right: 19px;
            display: block;
            height: 557px;
            position: absolute;
            top: -50px;
        }

    .custNav .owl-nav .owl-next, .custNav .owl-nav .owl-prev {
        background-size: 30px;
    }

    .container-fluid.partner-wrap {
        padding: 0 50px;
    }

        .container-fluid.partner-wrap .container {
            padding: 0 !important;
        }

    .custNotification {
        flex-direction: column;
        text-align: center;
        padding: 35px 20px;
    }

        .custNotification .ms-4 {
            margin-left: 0 !important;
        }

        .custNotification img {
            max-width: 33px;
            margin-bottom: 16px;
        }

        .custNotification h3 {
            font-size: 26px;
        }

        .custNotification p {
            font-size: 16px;
        }

    .mt-50N {
        margin: 50px 0 -50px;
    }

        .mt-50N img {
            margin: 0 0 -20px 0 !important;
        }

    .downloadBtn {
        font-size: 14px;
        height: 41px;
        width: 141px;
    }

        .downloadBtn img {
            max-width: 14px;
        }

    .partnerSlider.slidrFullpro .partner-slide-item {
        border-color: #000;
    }

    .flagRace {
        top: 150px;
    }

    .teamFullSlider .owl-nav {
        display: none;
    }

    .wtContent {
        padding: 25px 25px 40px;
    }

    .wTslider h2 {
        font-size: 26px;
    }

    .teamSection.trainingSchoolWrap::after {
        width: 8px;
        background: url(/tvsracing/img/miscellaneous/redLineRight.png) no-repeat;
        background-size: 8px 100%;
    }

    .level-certification {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 12px;
        background: url(/tvsracing/img/miscellaneous/gardientRed.png) no-repeat right bottom;
        background-size: 260px;
    }

        .level-certification .ribbon {
            min-width: 285px;
            background-size: contain;
            padding: 7px 20px;
            font-size: 20px;
        }

        .level-certification > div {
            margin-left: auto;
        }

    .modal-content.customModal {
        padding: 26px 1px;
    }

        .modal-content.customModal h3 {
            font-size: 26px;
        }

        .modal-content.customModal p {
            font-size: 14px;
            margin: 6px 0 18px;
        }

        .modal-content.customModal .btn {
            font-size: 14px;
            height: 40px;
            max-width: 102px;
        }

    .modal-dialog.w640 {
        max-width: 100%;
        margin: 0 50px;
    }

    .rider-details-banner .achivement-wrapper, .rider-details-banner .intro-wrapper {
        margin: 0;
        max-width: 100%;
    }

    .listCol ul li h4 {
        font-size: 20px;
    }

    .listCol ul li p {
        font-size: 14px;
    }

    .gallery-tab .wrapper .wrapper-content {
        flex: 1 0 51%;
        margin: 0px 0px 30px 0px;
    }

    .gallery-tab .video-wrapper {
        grid-template-columns: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 20px;
    }

    .btn-lg {
        font-size: 14px;
    }

    .badgeWrap-min, .hideSmall {
        display: none;
    }

    .hideFull {
        display: block !important;
    }

    .actionbtn {
        margin: 20px 0 4px !important;
        justify-content: center;
    }

    .container.clipPath {
        padding: 0 50px !important;
        clip-path: inset( -100vw -100vw -100vw 50px);
        -webkit-clip-path: inset( -100vw -100vw -100vw 50px);
    }

    .teamSection .rider-img-container {
        background-size: 32%;
    }

        .teamSection .rider-img-container img {
            max-width: 156px;
        }

    .hiddenItem {
        max-width: 440px;
    }

    h3.rider-title, .achivement-wrapper, .intro-wrapper {
        max-width: 500px;
        margin: 0 auto;
        width: auto;
    }

    .teamSection .intro-wrapper {
        min-height: 173px;
    }

    .teamSection h3.rider-title {
        margin-top: 40px;
        min-height: 78px;
    }

    .tabbedSlider .tabSlide .relatedSlide {
        display: block;
    }

    .bike360-col h2 {
        font-size: 60px;
    }

    .bike360-col .f18 {
        font-size: 14px;
    }

    .contact-wrap .g-4 {
        --bs-gutter-y: .5rem;
    }

    .contact-wrap .form-select, .contact-wrap .form-control {
        height: 48px;
        padding: 8px;
        font-size: 16px;
    }

    .progrmImgSilderMin .downLoadBtn {
        width: 135px;
        background-size: 100%;
    }

    .progrmImgSilder .owl-item .overlayShadow {
        padding: 20px 30px;
    }

        .contact-wrap .common-title, .progrmImgSilder .owl-item .overlayShadow h3 {
            font-size: 24px;
        }

    .contact-wrap .form-check a, .contact-wrap .form-check, .partner-slide-item h4 {
        font-size: 14px;
        display: -webkit-inline-box;
    }


    .partner-slide-item h3 {
        font-size: 24px;
    }

    .pointsTable th, .overlayShadow a, .partner-slide-item p {
        font-size: 16px;
    }

    .partner-slide-item {
        margin-right: 20px;
        border-left: none;
        border-top: 6px solid #01A898;
        margin-bottom: 5px;
    }

        .partner-slide-item::after {
            bottom: -1px;
            left: -1px;
        }

        .partner-slide-item::before {
            top: -6px;
            right: -30px;
        }

    .owl-carousel .owl-item img.prtLogo {
        margin: 0 auto;
        max-width: 160px;
    }

    .dark-banner .out-wrap.mw-500 h3 {
        padding-bottom: 0;
    }

        .dark-banner .out-wrap.mw-500 h3:after {
            display: none;
        }

    .bannerWrap .mt-auto.pt-5.text-center {
        padding: 0 60px;
    }

    .overLay h2 {
        font-size: 60px;
    }

    .foot-bottom-nav ul {
        justify-content: center;
    }

    .foot-bottom-nav p {
        text-align: center;
    }

    .foot-bottom-nav p {
        text-align: center;
    }

    .bannerData h2 {
        font-size: 60px;
    }

    .tab-banner .bannerData h2 {
        top: 10px;
        left: -4px;
    }

    .bannerData h3 {
        font-size: 40px;
        margin-top: 40px;
    }

    .col-md-auto.pe-5.ps-5 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-top: 2rem;
    }

    .footer-col h3 {
        margin-bottom: 10px;
    }

    .dark-banner {
        overflow: hidden;
    }

        .dark-banner .p-cust.out-wrap {
            max-width: 290px;
            min-width: 290px;
            padding: 0;
            margin-left: -20px;
        }

            .dark-banner .p-cust.out-wrap img {
                max-width: 100%;
            }

        .dark-banner .out-wrap {
            min-width: 100%;
        }

            .dark-banner .out-wrap.mw-500 h3 {
                max-width: 300px;
                line-height: 1;
                margin: 20px 0;
            }

            .dark-banner .out-wrap.mw-500 p {
                max-width: 230px;
                line-height: 1.6;
            }

            .dark-banner .out-wrap.ms-5.z3 {
                max-width: 300px;
                min-width: 300px;
                margin-top: 5px;
                margin-left: 10px !important;
            }

                .dark-banner .out-wrap.ms-5.z3 img {
                    max-width: 100%;
                }

        .dark-banner.mw-325.pt-5 {
            max-width: 245px;
            line-height: 1.5 !important;
            padding-top: 20px !important;
        }

        .dark-banner .out-wrap.redPbg {
            max-width: 310px;
            min-width: 310px;
        }

            .dark-banner .out-wrap.redPbg > div {
                display: flex;
                flex-direction: column-reverse;
            }

            .dark-banner .out-wrap.redPbg img {
                max-width: 100%;
            }

            .dark-banner .out-wrap.redPbg p {
                line-height: 1.5;
                margin-top: 20px;
            }

    .bannrDarKiner {
        flex-wrap: wrap;
        justify-content: flex-start;
        background: url(/tvsracing/img/darkSlider/ptrDrk.png) no-repeat;
        padding: 40px 30px;
        background-position: -640px top;
        position: relative;
    }

    .redPbg::after {
        display: none;
    }

    .bannrDarKiner:after {
        content: '';
        position: absolute;
        background: url(../img/darkSlider/ptrRedSqr.png) no-repeat;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        background-position: 590px 600px;
    }

    .dark-banner h3 {
        font-size: 36px;
    }

    .pointsTable td, .ranking-list li span.rank, .ranking-list li span {
        font-size: 18px;
    }

    .ranking-list {
        margin-bottom: 10px !important;
    }

    .event-tab {
        margin-top: 10px;
    }

    .wc-100 {
        max-width: 110px;
        position: absolute;
        top: 0;
        right: 10px;
    }

    .pm-2 {
        padding-left: 30px;
    }

    .prod-inner {
        flex-direction: column;
        align-items: center;
    }

    .mt-4 .product-box .prod-inner {
        flex-direction: row;
        padding: 15px 0 0;
    }

        .ptrn-bg-dark::before, .mt-4 .product-box .prod-inner p {
            display: none;
        }

    .product-box .common-title.unset {
        position: unset;
    }

    .product-box .common-title {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

        .product-box .common-title span {
            font-size: 26px;
            line-height: 0;
            margin-top: 4px;
        }

    .rarw {
        position: absolute;
        right: 20px;
        bottom: 20px;
        max-width: 25px;
    }

    .product-box h2 {
        font-size: 34px;
    }

    .contact-wrap h4.min-Heading, .product-box .common-title {
        font-size: 16px;
    }

    #feed-box {
        min-height: 300px;
    }

    .active.item-cover {
        min-width: 302px;
    }

    .hLineW {
        width: 100%;
        background-size: 100%;
    }

    .active.item-cover h2 {
        font-size: 40px;
    }

    .cust-select {
        height: 40px;
        width: auto;
        font-size: 16px;
        text-align: left;
        margin-top: 14px;
    }

    .tab-bg .nav-link {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .text-start img, .text-end img {
        max-width: 95px;
        margin: 0 auto 50px;
        display: block;
    }

    .wt-col {
        min-height: 1px;
        display: block;
        background-size: auto 100%;
    }

    #mCSB_1_scrollbar_horizontal, .wTslider .owl-nav, .vLine {
        display: none !important;
    }

    .wTslider {
        display: block !important;
    }

        .wTslider .owl-dots {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 18px;
            ;
        }

        .wTslider h2 {
            font-size: 26px;
        }

    .wt-col::before {
        top: -30px;
    }

    .wt-col::after {
        bottom: -30px;
    }

    .overlayRound, .overlayRight {
        display: none;
    }

    .knowMoreCol {
        margin-top: 30px;
    }

    .social-feed {
        margin-top: 35px;
    }

    .newsletter {
        background: url(https://tvsracingimages.tvsmotor.com/tvsracing/Miscellaneous/riderFrontMin.webp) no-repeat right bottom #FFF;
        margin-top: 0px !important;
    }

        .newsletter .form-control {
            width: 100%;
        }

    .featureWrap {
        margin-top: 20px;
    }

    .championship-stand .owl-carousel.multiSlideThumb {
        padding-top: 0px;
    }

    .gear-col, .mt-100, .standing-wrap, .championship-stand {
        margin-top: 30px;
    }

    .bike-details-wrap {
        margin-top: 0px;
    }

    .championship-stand.mb-100 {
        margin-bottom: 25px;
    }

    .footer-col, .footSocial {
        padding-top: 15px;
    }

    .footSocial {
        margin-top: 0px;
    }

    .mobLogo {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .faqWrap.wbg .container.pt-100, .faqWrap .container.pt-100 {
        padding-top: 15px !important;
    }

    .faqWrap.wbg.pb-100 {
        padding-bottom: 0px;
    }

    .container.pb-100 {
        padding-bottom: 0px !important;
    }

    .navbar-brand {
        margin-right: 0px;
    }

        .navbar-brand.racinglogo img {
            margin-left: 20px;
            height: auto;
        }

        .navbar-brand:not(.racinglogo) img {
            max-width: 159px;
            display: block;
            margin-right: 0px;
            height:auto;
        }

        .navbar-brand img {
            max-width: 123px;
        }
}

@media (max-width: 660px) {
    .petronas-race-wrap .info-content::after {
        display: block;
        left: -10px;
        bottom: -30px;
    }

    .petronas-race-wrap .teamSection::after {
        display: none;
    }

    .petronas-race-wrap .rider-img-container::after {
        right: -11px;
        top: -40px;
    }

    .common-title {
        font-size: 30px;
    }

    .rider-details-banner .achivement-wrapper {
        padding: 15px 10px;
        background: linear-gradient(114.4deg, #C10606 31.21%, #E7282C 55.12%, #FF0005 72.67%, #9A0407 102.93%);
    }

        .rider-details-banner .achivement-wrapper .sprater {
            display: none;
        }

        .rider-details-banner .achivement-wrapper .inner-container {
            min-width: 50%;
            padding: 15px;
            justify-content: flex-start;
        }

    .bannerWrap .mt-auto.pt-5.text-center.rc {
        padding: 0 20px;
    }

    .overLay .rc h2 {
        font-size: 40px;
    }

    .slideDataP {
        padding: 4px 75px
    }

        .slideDataP h2 {
            font-size: 25px;
        }

    .teamSection {
        padding: 30px;
        position: relative;
    }

    .info-content::after {
        display: none;
    }

    .teamSection:after {
        content: '';
        height: 12px;
        left: 0;
        bottom: 0;
        right: 15px;
        background: #E7282C;
        position: absolute;
        z-index: 1;
    }

    .achivement-wrapper {
        margin-top: 20px !important;
    }

    .teamSection .row.content::before {
        left: -20px;
        bottom: -50px;
    }

    .teamSection .row.content::after {
        right: -19px;
        top: -44px;
    }

    .teamSection.trainingSchoolWrap::after {
        left: auto;
    }

    .trainingSchoolWrap.teamSection .row.content::before {
        bottom: -65px;
        width: 30px;
        height: 30px;
        left: 11px;
    }

    .video-content .overlay-shadow:hover {
        background-size: 50px;
    }

    #instafeed-container {
        display: grid;
        grid-template-columns: repeat(3, 34%);
        grid-template-rows: repeat(3, 33%);
        grid-gap: 0px;
    }

    .lg-Heading.text-small-mob {
        font-size: 46px;
        line-height: 47px;
        padding-bottom: 18px;
    }
}

@media (max-width: 575px) {
    .tabbedSlider .tabSlide h3 {
        font-size: 32px;
    }

    .rider-details-banner {
        background: url(https://tvsracingimages.tvsmotor.com/tvsracing/riderDetailsBg-sm.png) #000 no-repeat;
        background-size: 100%;
    }

        .rider-details-banner .achivement-wrapper::before {
            border-width: 0 25px 25px 0;
        }

        .rider-details-banner .achivement-wrapper::after {
            border-width: 0 25px 25px 0;
            border-color: transparent #171c3c transparent transparent;
        }

        .rider-details-banner .achivement-wrapper .inner-container {
            padding: 10px;
        }

   

    .btn-primary.w191 {
        width: 125px;
        height: 40px;
        font-size: 14px;
        padding: 10px;
        margin-top: 0px;
    }

    .owl-carousel.sponserSlider {
        display: flex;
        flex-wrap: wrap;
    }

        .owl-carousel.sponserSlider div {
            width: 33.3%;
        }

            .owl-carousel.sponserSlider div img {
                max-width: 100%;
            }

    .instSliderWrap .container.clipPath {
        clip-path: inset(-100vh 26px 0 25px);
        -webkit-clip-path: inset(-100vh 26px 0 25px);
    }

    .mt-50N {
        margin: 30px 0 -20px;
    }

    .ratio > .raceCate {
        height: 100%;
        width: 100%;
        margin-left: 0;
    }

    .achiveMentFull {
        margin-left: 60px;
    }

        .achiveMentFull .race-cate-slide {
            min-width: 181px;
            max-width: 181px;
        }

    .text-start img {
        max-width: 87px;
        margin: 0 auto 56px;
    }

    .product-box h2.title-back.mob-d, .product-box h2.title-back.tb-2 {
        top: 0;
        width: 100%;
        text-align: center;
        bottom: 0;
        height: 50px;
        margin: auto;
    }

    .product-box h2.title-back.tb-3 {
        left: 0;
        right: 0;
        text-align: right;
        padding-right: 10px;
        top: 15px;
    }

    .rarw {
        right: 8px;
        bottom: 15px;
        max-width: 17px;
        margin: 0 !important;
    }

    .text-start img.m-0 {
        max-width: 124px;
    }

    .product-box .common-title.unset span {
        line-height: 1;
        padding-left: 10px;
    }

    .prod-inner .p-4 {
        padding: 0 0 6px 5px !important;
    }

    .video-wrapper {
        display: flex;
        flex-direction: column;
    }

    .listCol {
        margin: 20px 0 0 20px;
    }

        .listCol ul li {
            padding-left: 28px;
        }

    .level-certification {
        flex-direction: column;
        align-items: flex-start;
        padding: 2px 16px;
        background: url(/tvsracing/img/miscellaneous/gardientRed.png) no-repeat right 43px;
        background-size: auto;
        background-size: 216px;
        max-height: 100%;
    }

    .teamSection .row.content::before {
        height: 35px;
        width: 35px;
        bottom: -35px;
    }

    .teamSection.trainingSchoolWrap {
        padding: 17px 35px 35px 0;
    }

        .teamSection.trainingSchoolWrap::before {
            z-index: 2;
            top: 0;
        }

    .trainingSchoolWrap.teamSection .row.content::before {
        left: 11px;
        bottom: -36px;
    }

    .teamSection.trainingSchoolWrap .row.content::after {
        top: -20px;
        right: -24px;
    }

    .video-content {
        z-index: 1;
    }

        .video-content .w-100 {
            display: block;
        }

        .video-content .mw-100 {
            display: none;
        }

        .video-content .overlay-shadow {
            padding: 18px;
            background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0.55) 100%);
        }

    .achivement-wrapper .inner-container {
        width: calc(50% - 0px);
    }

        .achivement-wrapper .inner-container::after {
            left: 0;
        }

    .teamSection .rider-img-container {
        background-size: 92%;
    }

    h3.rider-title {
        font-size: 40px;
    }

    .inner-text {
        padding-left: 8px;
    }

    .teamFullSlider {
        padding: 24px;
    }

    .container.clipPath {
        padding: 0 !important;
    }

    .container.clipPath {
        clip-path: inset( -100vw -100vw -100vw 24px);
        -webkit-clip-path: inset( -100vw -100vw -100vw 24px);
    }

    .teamFullSlider.owl-carousel .inner-img img {
        max-width: 28px;
    }

    .item-cover {
        margin: 0 30px 0 0;
    }

    .wt-col .owl-carousel .owl-item img.w-100 {
        display: block;
    }

    .wt-col .owl-carousel .owl-item img.mw-100 {
        display: none;
    }

    .overlayleftTop {
        background-size: cover;
    }

    .wt-col .owl-carousel .owl-item img.w-100 {
        max-width: 100% !important;
    }

    .hiddentxt {
        display: none !important;
    }

    .progrmImgSilder .ms-3 {
        margin-left: 0 !important;
    }

    .champ-content img {
        width: 76px !important;
        height: auto !important;
    }

    .champ-content p, .overlayShadow h4 {
        font-size: 16px;
    }


    .navbar.fixed-top .navbar-collapse {
        padding: 0 24px;
        overflow-x:hidden;
    }

    .tab-bg {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow: auto;
    }

        .tab-bg .nav-fill .nav-item {
            min-width: 230px;
        }

    .footer-col h3 {
        font-size: 20px;
    }

    .knowMoreCol {
        margin-top: 18px;
    }

    .feed-content, .p-34 {
        padding: 30px 24px;
    }

    .bannerWrap {
        height: calc(100vh - 60px);
    }

        .bannerWrap video {
            height: 100% !important;
            background-size: cover;
            width: auto;
            left: -50%;
        }

    .container {
        padding: 0 24px !important;
    }

    .d-mob {
        display: block !important
    }

    .programSlider .owl-nav, .d-desk, .overLay p.scroll img {
        display: none !important;
    }

    .mw-340 {
        line-height: 1.2 !important;
    }

    .scroll-slider p.sub-title {
        padding: 0 15px;
        margin: 10px 0 2px;
    }

    .tab-bg .nav-link {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .innerRelBox {
        margin-top: 0px;
        background-image: url(/tvsracing/img/device/cornerRedPat.png);
        min-height: unset;
    }

    .bannerData {
        max-width: 100%;
        padding-right: 16px;
    }

    .standing-wrap {
        padding: 12px;
    }

        .standing-wrap h3 {
            font-size: 26px;
            margin-right: 10px;
        }

    .cust-select {
        margin-bottom: 0;
        min-width: 130px
    }

    .upcoming-race h4 {
        font-size: 80px;
        line-height: 50px;
    }

    .racerSlider.upcoming-race .item .up-race-detils {
        padding: 24px;
    }

    .upcoming-race p {
        font-size: 20px;
    }

    .apache-showcase .row {
        flex-direction: column-reverse;
    }

    .apache-showcase h4 {
        top: -10px;
        font-size: 60px;
        font-weight: 700;
        max-width: 350px;
        text-align: left;
        left: 40px;
        line-height: 1;
    }

    .btn-primary {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 24px;
        line-height: 1;
    }

    .bigTitle.show-mob {
        display: block;
        font-size: 30px;
        margin-top: 30px;
    }

    .feed-content h3 {
        text-transform: uppercase;
    }

        .feed-content h3.pt-5 {
            padding-top: 1.2rem !important;
        }

    p, .knowMoreCol p, .apache-showcase p {
        font-size: 16px;
    }

    .h-mob {
        display: none;
    }

    .apache-showcase .container {
        padding: 0 !important;
    }

    .container-fluid {
        padding: 0 25px !important;
    }

    .overlay::before {
        background: url(/tvsracing/img/programSlide/overlayMin.png) no-repeat bottom;
        background-size: cover;
    }

    .slideDataP {
        padding: 0 20px 40px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }

        .knowMoreCol .common-title, .slideDataP h2 {
            font-size: 30px;
        }

    .pb-100 {
        padding-bottom: 20px;
    }

    .pl-9vw {
        padding: 0 24px !important;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .videoWbgPatrn.pt-100 {
        padding-top: 0px;
    }

    .ratio .aboutBanner {
        height: auto;
        width: auto;
    }

    .videoWrap-col {
        min-height: 214px;
    }

    .achiveCol {
        padding: 10px 1px 30px;
    }

    .textBox {
        margin-left: 0px;
        position: relative;
    }

        .textBox h3 {
            font-size: 36px;
            line-height: 40px;
        }

    h2.lg-title {
        font-size: 40px;
        line-height: 48px;
    }

    .bgGry .custDot.owl-carousel button.owl-dot {
        display: none;
    }

    .raceTeam h4 {
        font-size: 26px;
        line-height: 32px;
    }

    .raceTeam p {
        font-size: 16px;
        line-height: 24px;
    }

    .raceTeam.custDot.owl-carousel button.owl-dot {
        display: none;
    }

    .commit-col:hover {
        background: url(https://tvsracingimages.tvsmotor.com/tvsracing/redBikeBg.jpg) no-repeat top right;
    }

    .hiddenWrap .container {
        padding: 0px 0px 0px 0px !important;
    }

    .hiddenWrap .container-fluid {
        padding: 0px !important;
    }

    .hiddenWrap .container.p50 {
        padding: 0 24px !important;
    }

    .partner-slide-item {
        border-left: none;
        border-top: 10px solid #01A898;
        padding: 31px 23px;
    }

        .partner-slide-item:before {
            transform: rotate(-180deg);
            content: '';
            background: url(https://tvsracingimages.tvsmotor.com/tvsracing/Icons/cornerTriangleTR.png) no-repeat left top;
            right: -40px;
            top: -10px;
        }
    /* Programs Page */

    .lg-Heading.text-small-mob {
        font-size: 46px;
        line-height: 47px;
        padding-bottom: 18px;
    }


    p.f20 {
        font-size: 18px;
        line-height: 28px;
    }

    .adventureSlider .achiveCol h3 {
        font-size: 20px;
        line-height: 26px;
        padding-right: 0px;
    }

    .text-end img {
        max-width: 95px;
        margin: 0 auto 50px;
        display: inline-block;
    }

    .bikes-cover:before {
        border-width: 56px 0 0 56px;
    }

    .bikes-cover:after {
        border-width: 0 56px 56px 0;
    }

    .tab-inner-slider-bic {
        padding: 50px 0px;
    }

        .tab-inner-slider-bic .owl-nav {
            position: initial;
            margin-top: 25px;
        }

    .circuitSlider.owl-carousel .circitSlide p {
        font-size: 18px;
        padding: 0 0 15px 30px;
    }

    .tab-inner-slider-bic .owl-dots, .upcoming-race.racerSlider .owl-dots {
        display: none;
    }

    .progrmBanner .container-fluid {
        padding: 0px !important;
    }

    .partnerSlider.slidrFullpro .partner-slide-item {
        border-top-color: #000;
        padding: 40px 0 0 30px;
    }

        .partnerSlider.slidrFullpro .partner-slide-item h3 {
            font-size: 24px;
            line-height: 32px;
        }

        .partnerSlider.slidrFullpro .partner-slide-item h4 {
            font-size: 14px;
        }

    .faq-accordion .accordion-item .accordion-button {
        font-size: 16px;
        background: none;
        background-color: #F2F2F2;
        padding: 0 0 0 10px;
    }

    .imgWrap430 {
        max-width: 290px;
    }

    .instSliderWrap {
        background-position: 88vw bottom;
        background-size: 50%;
    }

    .instructorsSlider .owl-nav {
        margin-top: 50px;
        position: absolute;
        top: -138px;
        left: 25px;
    }

    .instructorsSlider .owl-dots {
        position: absolute;
        left: 149px;
        top: -93px;
        font-size: 37px;
        font-weight: 500;
    }

    .progrmImgSilder .owl-item .overlayShadow {
        padding: 15px;
    }

    .overlayShadow h3 {
        font-size: 30px;
        line-height: 34px;
    }

    .overlayShadow h4 {
        font-size: 16px;
    }

    .progrmImgSilderMin .downLoadBtn {
        width: 124px;
        height: 25px;
    }

    .overlayShadow a {
        position: absolute;
        border: none;
        top: 0;
        left: 0;
        background: transparent;
        padding: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 60px;
    }

    .progrmImgSilder .owl-item.active.center .overlayShadow a img {
        width: 60px;
    }

    .overlayShadow a:hover {
        background: transparent !important;
    }

    .progrmImgSilder .owl-nav {
        display: flex;
    }

    .tabbedSlider .tabSlide p {
        font-size: 14px;
    }

    .container-fluid.partner-wrap {
        padding: 0 24px !important;
    }

    .achivement-wrapper .inner-container .inner-text p:not(.achive-num) {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .ratio > .raceCate {
        margin-left: 0px;
    }

    .container.clipPath {
        padding: 0 31px !important;
    }

    .instrProfile {
        padding: 0 74px;
    }

    .contact-wrap .form-check label {
        margin-left: 8px;
    }

    .newsletter .form-control {
        font-size: 14px;
    }

    #instafeed-container {
        display: grid;
        grid-template-columns: repeat(3, 34%);
        grid-template-rows: repeat(3, 33%);
        grid-gap: 0px;
    }

    .navbar-brand.racinglogo img {
        margin-left: 15px;
        height: 20px;
    }

    .featureinner .innerTitle,
    .innerRight p {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    .teamSection {
        padding: 15px;
    }

    .cust-select {
        font-size: 14px;
    }

    .racer-card .card-outer {
        margin: 0 0px 20px;
    }
    .raceSliderFull {
        padding-left: 10px;
    }
}
@media (max-width:389px) {
    .main-nav .dropdown-menu li {
        padding: 5px 0px;
    }

        .main-nav .dropdown-menu li a.dropdown-item {
            line-height: 19px;
            max-width: 302px;
        }

    .innerFrame {
        justify-content: space-between;
    }

    .race-cate-slide {
        width: 100%;
        min-width: 290px;
        max-width: 296px;
    }

    .raceSliderFull {
        padding-left: 10px;
    }
}
@media (max-width: 374px) {

    .navbar-brand.racinglogo img {
        max-width: 123px;
    }

    .navbar-brand:not(.racinglogo) img {
        max-width: 140px;
    }
}
@media (max-width: 355px) {

    .navbar-brand.racinglogo img {
        max-width: 99px;
    }

    .navbar-brand:not(.racinglogo) img {
        max-width: 129px;
    }
}
@media (max-width: 320px) {

    .navbar-brand.racinglogo img {
        max-width: 90px;
    }

    .navbar-brand:not(.racinglogo) img {
        max-width: 120px;
    }
}

@media (max-width: 300px) {
    .newsletter .form-control {
        width: 234px;
    }
}



/* new header */

@media (max-width: 991px) {
    .main-nav .navBrandBar {
        padding-left: 6%;
    }

    .navbar-brand.racinglogo img {
        margin-left: 7px;
        height:auto;   
    }

    .navbar-collapse {
        border-top: 1px solid #E7282C;
        order: 2;
    }
}
