/* Responsive breakpoints*/

@media (min-width: 300px) and (max-width: 399px) {
    .navbg a {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .navbg a:hover {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .shadow {
        width: 95% !important;
    }
    .footer-position{
        margin-top:0px ; position: relative; bottom: 0px;
    }
    .logo img {
        width: 100% !important;
    }
    .btn_color {
        min-width: 100% !important;
    }
    .btn_reset {
        min-width: 100% !important;
    }
    .dialog_margin {
        margin: 2.5rem !important;
    }
    .btn_color {
        height: auto !important;
    }
    .btn_account {
        min-width: 100% !important;
    }
    .ft_center {
        text-align: center !important;
        margin-bottom: 15px;
    }
    .ft_rgt {
        text-align: center !important;
        margin-top: 15px;
    }
    .fifty {
        width: 50% !important;
    }
    .navbg .fifty .back {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .back:hover {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help:hover {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .help {
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .help:hover {
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .minh700 {
        min-height: 740px !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
    /********** 24/09/2019 *************/
    .alertbox span {
        line-height: 26px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl-4,
    .px-4 {
        padding-left: 8px !important;
    }
    .alertbox i {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl20 {
        padding-left: 10% !important;
    }
    .dob select {
        padding-left: 0px !important;
    }
    .btn_next {
        min-width: 100% !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_next:hover {
        min-width: 100% !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_prev {
        min-width: 100% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_prev:hover {
        min-width: 100% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_color {
        min-width: 100% !important;
        font-size: 16px !important;
    }
    .mt-2 {
        margin-top: 20px !important;
    }
    .statuslg .dropdown-menu {
        position: absolute !important;
        will-change: transform !important;
        top: 5px !important;
        left: -115px !important;
        transform: translate3d(-5px, 53px, 0px) !important;
        z-index: 2000 !important
    }
    .pt-4 {
        padding-top: 1rem !important
    }
    .dropdown-toggle::after {
        margin-top: 17px !important;
        display: none !important;
    }
    .logo_sec .img-fluid {
        max-width: 170% !important;
        height: auto;
    }
    .user_dtls {
        display: none !important;
    }
    .menu-toggle {
        width: 30px !important;
        left: 12px !important;
    }
    .menu-toggle span {
        width: 100% !important;
    }
    .btnpad {
        padding: .375rem 0rem !important;
    }
    .sm_pr0 {
        padding-right: 0px !important;
    }
    .logo_sec {
        padding-left: 15px !important;
        margin-left: 13px !important;
    }
    .headerp0 {
        padding: 0px !important;
    }
    /********** 24/09/2019 *************/
    .slick-slide img {
        width: 61% !important;
        border-radius: 0px !important;
    }
    .user_img {
        margin-right: 10px !important;
    }
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .centerwidth {
        width: 100% !important;
        text-align: center !important;
    }
    .dash_up .slick-slide img {
        width: 100% !important;
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .slick-list {
        padding: 0px 0px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 5px !important;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 10px !important;
    }
    .dash_up .slick-slide .no_img_fluid {
        border-radius: 0px !important;
        width: auto !important;
        box-shadow: none !important;
    }
    .col-sm-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    .col-md-10 {
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
    .lg_menu {
        height: 850px !important;
        z-index: 1500 !important;
    }
    .left_section .bdr_rgt {
        border-right: none !important;
    }
    .left_section .pl-0 {
        padding-left: 0px !important;
    }
    .w100per {
        width: 100% !important;
        position: absolute !important;
        left: 0px !important;
    }
    .sponsor .col-md-6 {
        width: 95% !important;
    }
    .sponsor .col-sm-6 {
        width: 95% !important;
    }
    .sponsor .img-fluid {
        max-width: 100% !important;
        height: auto;
    }
    .sponsor .pr-0 {
        padding-right: 15px !important;
    }
    .sponsor .carousel-indicators {
        right: 5px !important;
    }
    .sm_heading {
        display: block !important;
        color: #fff !important;
        font-size: 17px !important;
        width: 100% !important;
        text-align: left !important;
        padding: 10px 30px !important;
        background: #000 !important;
    }
    .plr0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dsplynone {
        display: none !important;
    }
    .event_strip .col-md-3 {
        width: 40% !important;
    }
    .event_strip .col-md-6 {
        width: 60% !important;
    }
    .event_strip .pt-4 {
        padding-top: 1.5rem!important;
    }
    .event_strip .btn-fb {
        width: 35px !important;
        height: 35px !important;
    }
    .event_strip .btn-tw {
        width: 35px !important;
        height: 35px !important;
    }
    .event_strip .btn-ins {
        width: 35px !important;
        height: 35px !important;
    }
    .event_strip .btn-yt {
        width: 35px !important;
        height: 35px !important;
    }
    .event_strip .counter {
        left: -11px !important;
    }
    .event_strip .counter1 {
        left: -9px !important;
    }
    .event_strip .mr-4 {
        margin-right: .1rem !important;
    }
    .event_strip h3 {
        font-size: 12px !important;
    }
    .description {
        padding: 40px !important;
    }
    .sm-hidden {
        display: none !important;
    }
    .event_tab .nav-item i {
        width: 100% !important;
        display: inline-block !important;
    }
    #entryform_cont .bootstrap-select .dropdown-menu {
        min-width: 100% !important;
    }
    .seat_outer {
        padding: 0 13% !important;
    }
    .veh_accord .card-body .row {
        flex-wrap: wrap !important;
    }
    .add_btn_cont1 {
        position: relative !important;
        right: 0px !important;
        bottom: 0px !important;
    }
    .add_btn_cont {
        position: static !important;
    }
    .add_btn {
        margin: 0 auto;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .veh_sub_title {
        text-align: center !important;
    }
    .upi_label_cont {
        width: 100%;
        min-height: 62px !important;
        border: 1px solid #f2f2f2;
    }
    .upi_label {
        width: 100%;
        height: 20px;
        padding: .375rem .75rem;
        float: left
    }
    .upi_inp {
        width: 100%;
        height: 20px;
        padding: .375rem .75rem;
        float: left
    }
    .upi_inp1 {
        width: 100%;
        height: auto;
        padding: .375rem .75rem;
        float: left
    }
    .img-fluid-qr {
        max-width: 100% !important;
    }
    .padding40 {
        padding: 0px !important;
    }
    .accordion .card .card-header {
        border-top: 1px solid #f2f2f2 !important;
    }
    .cardbdr {
        border: none !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 10px !important;
    }
    .race-details li {
        float: none !important;
        padding: 5px 4% !important;
    }
    .personal-info-left {
        text-align: center !important;
        padding-left: 6% !important;
    }
    .personal-info-right {
        text-align: center !important;
        padding-left: 6% !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .edit-prof-btn {
        text-align: center !important;
    }
    .padding-40 {
        padding: 0px;
    }
    .vehicle-detail-cont .plr40 {
        padding: 0px 20px !important;
    }
    .vehicle-features li span {
        padding-left: 0px !important;
    }
    #myModal_result .plr40 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 220px) and (max-width: 345px) {
    .event_cont {
        width: 100% !important;
    }
    #w320 {
        width: 100% !important;
    }
    .w195 {
        width: 180px !important;
    }
    #no-wrap {}
    /*.dash_up .owl-item{width: 253px !important; margin-right: 10px !important; left: 0px !important;}*/
    .card-body .row {
        flex-wrap: nowrap !important;
    }
    .add_btn_cont1 {
        position: relative !important;
        right: 0px !important;
        bottom: 0px !important;
    }
    .add_btn_cont {
        position: static !important;
    }
    .add_btn {
        margin: 0 auto;
    }
    .remove_btn {
        margin-left: 0px !important;
    }
    .parti_details .card-body .row {
        flex-wrap: wrap !important;
    }
    .personal-info-left {
        text-align: center !important;
        padding-left: 6% !important;
    }
    .personal-info-right {
        text-align: center !important;
        padding-left: 6% !important;
    }
    .col-12-personal {
        width: 100% !important;
    }
    .card-body .personal-info .row {
        flex-wrap: wrap !important;
    }
    .biography-txt {
        padding: 2rem !important;
        text-align: left !important;
    }
    .edit-prof-btn {
        text-align: center !important;
    }
    .padding-40 {
        padding: 0px;
    }
    #myModal_result .plr40 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 220px) and (max-width: 320px) {
    .event_cont {
        width: 100% !important;
    }
    .add_btn_cont {
        position: static !important;
    }
    .add_btn {
        margin: 0 auto;
    }
    .remove_btn {
        margin-left: 0px !important;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .veh_sub_title {
        text-align: center !important;
    }
    .padding40 {
        padding: 0px !important;
    }
    .accordion .card .card-header {
        border-top: 1px solid #f2f2f2 !important;
    }
    .cardbdr {
        border: none !important;
    }
    .prize_cont .card-body {
        padding: 0px !important;
    }
    .prize_cont {
        padding: 10px !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 10px !important;
    }
    .race-details li {
        float: none !important;
        padding: 5px 4% !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
}

@media (min-width: 568px) and (max-width: 568px) {
    .lg_menu {
        height: 940px !important;
    }
}

@media (min-width: 375px) and (max-width: 375px) {
    .dash_up .slick-list {
        padding: 0px 8px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 13px !important;
    }
    .slick-prev {
        left: 5px !important;
    }
    .dash_up .slick-slide img {
        width: 100% !important;
        border-radius: 10px 10px 0px 0px !important;
    }
}

@media (min-width: 400px) and (max-width: 499px) {
    .navbg a {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .navbg a:hover {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .shadow {
        width: 95% !important;
        padding: 70px 40px 111px 40px !important;
    }
    .logo img {
        width: 95% !important;
    }
    .btn_color {
        min-width: 100% !important;
    }
    .svg_google {
        width: 6% !important;
    }
    .btn_reset {
        min-width: 100% !important;
    }
    .dialog_margin {
        margin: 2.5rem !important;
    }
    .btn_color {
        height: auto !important;
    }
    .btn_account {
        min-width: 100% !important;
    }
    .ft_center {
        text-align: center !important;
        margin-bottom: 15px;
    }
    .ft_rgt {
        text-align: center !important;
        margin-top: 15px;
    }
    .fifty {
        width: 50% !important;
    }
    .navbg .fifty .back {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .back:hover {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help:hover {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .minh700 {
        min-height: 740px !important;
    }
    /********** 24/09/2019 *************/
    .alertbox span {
        line-height: 26px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl-4,
    .px-4 {
        padding-left: 8px !important;
    }
    .alertbox i {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl20 {
        padding-left: 10% !important;
    }
    .btn_next {
        min-width: 100% !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_next:hover {
        min-width: 100% !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_prev {
        min-width: 100% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_prev:hover {
        min-width: 100% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_color {
        min-width: 100% !important;
        font-size: 16px !important;
    }
    .mt-2 {
        margin-top: 20px !important;
    }
    .user_dtls {
        display: none !important;
    }
    .img-fluid {
        max-width: 177% !important;
        height: auto;
    }
    .dropdown-toggle::after {
        margin-top: 17px !important;
        display: none;
    }
    .statuslg .pt-4 {
        padding-top: 1rem!important;
    }
    .pt-4 {
        padding-top: 1rem!important
    }
    .statuslg .dropdown-menu {
        position: absolute !important;
        will-change: transform !important;
        top: 16px !important;
        left: -87px !important;
        transform: translate3d(-5px, 53px, 0px) !important;
        z-index: 2000 !important;
    }
    /********** 24/09/2019 *************/
    .slick-slide img {
        width: 70% !important;
        border-radius: 0px !important;
    }
    .user_img {
        margin-right: 10px !important;
    }
    .centerwidth {
        width: 100% !important;
        text-align: center !important;
    }
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .centerwidth {
        width: 100% !important;
        text-align: center !important;
    }
    .dash_up .img-fluid {
        max-width: 100% !important;
        height: auto;
    }
    .dash_up .slick-slide img {
        width: 314px !important;
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .slick-list {
        padding: 0px 14px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 10px !important;
    }
    .dash_up .slick-slide .no_img_fluid {
        border-radius: 0px !important;
        width: auto !important;
        box-shadow: none !important;
    }
    .col-sm-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    .col-md-10 {
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
    .left_section .bdr_rgt {
        border-right: none !important;
    }
    .left_section .pl-0 {
        padding-left: 0px !important;
    }
    .w100per {
        width: 100% !important;
        position: absolute !important;
        left: 0px !important;
    }
    .sponsor .col-md-6 {
        width: 50% !important;
    }
    .sponsor .col-sm-6 {
        width: 50% !important;
    }
    .sponsor .img-fluid {
        max-width: 100% !important;
        height: auto;
    }
    .sm_heading {
        display: block !important;
        color: #fff !important;
        font-size: 20px !important;
        width: 100% !important;
        text-align: left !important;
        padding: 10px 30px !important;
        background: #000 !important;
    }
    .plr0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dsplynone {
        display: none !important;
    }
    .event_strip .col-md-3 {
        width: 35% !important;
    }
    .event_strip .col-md-6 {
        width: 65% !important;
    }
    .event_strip .pt-4 {
        padding-top: 1.5rem!important;
    }
    .event_strip .btn-fb {
        width: 40px !important;
    }
    .event_strip .btn-tw {
        width: 40px !important;
    }
    .event_strip .btn-ins {
        width: 40px !important;
    }
    .event_strip .btn-yt {
        width: 40px !important;
    }
    .event_strip .counter {
        left: -21px !important;
    }
    .event_strip .counter1 {
        left: -12px !important;
    }
    .event_strip .mr-4 {
        margin-right: .5rem !important;
    }
    .event_strip h3 {
        font-size: 14px !important;
    }
    .description {
        padding: 40px !important;
    }
    .sm-hidden {
        display: none !important;
    }
    #entryform_cont .bootstrap-select .dropdown-menu {
        min-width: 100% !important;
    }
    .add_btn_cont1 {
        position: relative !important;
        right: 0px !important;
        bottom: 0px !important;
    }
    .add_btn_cont {
        position: static !important;
    }
    .add_btn {
        margin: 0 auto;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .veh_sub_title {
        text-align: center !important;
    }
    .upi_label_cont {
        width: 100%;
        min-height: 62px !important;
        border: 1px solid #f2f2f2;
    }
    .upi_label {
        width: 100%;
        height: 20px;
        padding: .375rem .75rem;
        float: left
    }
    .upi_inp {
        width: 100%;
        height: 20px;
        padding: .375rem .75rem;
        float: left
    }
    .upi_inp1 {
        width: 100%;
        height: auto;
        padding: .375rem .75rem;
        float: left
    }
    .img-fluid-qr {
        max-width: 100% !important;
    }
    .upi_label_cont1 {
        height: 230px !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 30px !important;
    }
    .race-details li {
        float: none !important;
        padding: 5px 7% !important;
    }
    .personal-info-left {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .personal-info-right {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .edit-prof-btn {
        text-align: center !important;
    }
    .padding-40 {
        padding: 0px;
    }
    #myModal_result .plr40 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
}

@media (min-width: 500px) and (max-width: 567px) {
    
    .footer-position{
        margin-top:0px ; position: relative !important; bottom: 0px;
    }
    .navbg a {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .navbg a:hover {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
    }
    .shadow {
        width: 95% !important;
    }
    .svg_google {
        width: 6% !important;
    }
    .btn_color {
        min-width: 100% !important;
    }
    .btn_reset {
        min-width: 100% !important;
    }
    .dialog_margin {
        margin: 2.5rem !important;
    }
    .btn_color {
        height: auto !important;
    }
    .logo img {
        width: 90% !important;
    }
    .btn_account {
        min-width: 100% !important;
    }
    .ft_center {
        text-align: center !important;
        margin-bottom: 15px;
    }
    .ft_rgt {
        text-align: center !important;
        margin-top: 15px;
    }
    .fifty {
        width: 50% !important;
    }
    .navbg .fifty .back {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .back:hover {
        float: right !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .navbg .fifty .help:hover {
        float: left !important;
        width: 39px;
        height: 33px;
        background-size: 39px 33px !important;
    }
    .minh700 {
        min-height: 730px !important;
    }
    /********** 24/09/2019 *************/
    .alertbox span {
        line-height: 26px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl-4,
    .px-4 {
        padding-left: 8px !important;
    }
    .alertbox i {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .pl20 {
        padding-left: 10% !important;
    }
    .btn_next {
        min-width: 68% !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_next:hover {
        min-width: 68% !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_prev {
        min-width: 30% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_prev:hover {
        min-width: 30% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_color {
        min-width: 100% !important;
        font-size: 16px !important;
    }
    .user_dtls {
        display: none !important;
    }
    .statuslg .dropdown-menu {
        position: absolute !important;
        will-change: transform !important;
        top: 16px !important;
        left: -87px !important;
        transform: translate3d(-5px, 53px, 0px) !important;
    }
    .pt-4 {
        padding-top: 1rem !important
    }
    .dropdown-toggle::after {
        margin-top: 17px !important;
    }
    /********** 24/09/2019 *************/
    .slick-slide img {
        width: 100% !important;
        border-radius: 0px !important;
    }
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .centerwidth {
        width: 100% !important;
        text-align: center !important;
    }
    .dash_up .slick-list {
        padding: 0px 7px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 5px !important;
    }
    .dash_up .slick-slide img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .img-fluid {
        max-width: 280px !important;
    }
    .dash_up .slick-prev {
        left: 7px !important;
    }
    .dash_up .slick-next {
        right: 0px !important;
    }
    .dash_up .slick-slide .no_img_fluid {
        border-radius: 0px !important;
        width: auto !important;
        box-shadow: none !important;
    }
    .col-sm-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    .col-md-10 {
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
    .left_section .bdr_rgt {
        border-right: none !important;
    }
    .left_section .pl-0 {
        padding-left: 0px !important;
    }
    .w100per {
        width: 100% !important;
        position: absolute !important;
        left: 0px !important;
    }
    .sponsor .col-md-6 {
        width: 50% !important;
    }
    .sponsor .col-sm-6 {
        width: 50% !important;
    }
    .dsplynone {
        display: none !important;
    }
    .event_strip .col-md-3 {
        width: 30% !important;
    }
    .event_strip .col-md-6 {
        width: 70% !important;
    }
    .event_strip .pt-4 {
        padding-top: 1.5rem!important;
    }
    .sm_heading {
        display: block !important;
        color: #fff !important;
        font-size: 23px !important;
        width: 100% !important;
        text-align: left !important;
        padding: 10px 30px !important;
        background: #000 !important;
    }
    .plr0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .description {
        padding: 40px !important;
    }
    #entryform_cont .bootstrap-select .dropdown-menu {
        min-width: 100% !important;
    }
    .cat-hide {
        display: none !important;
    }
    .veh_list_col_6 {
        width: 75% !important;
    }
    .veh_list_col_3 {
        width: 25% !important;
    }
    .add_btn_cont1 {
        position: relative !important;
        right: 0px !important;
        bottom: 0px !important;
    }
    .add_btn_cont {
        position: static !important;
    }
    .add_btn {
        margin: 0 auto;
    }
    #entryform_cont .btn_next {
        min-width: 49% !important;
    }
    #entryform_cont .btn_next:hover {
        min-width: 49% !important;
    }
    #entryform_cont .btn_prev {
        min-width: 49% !important;
    }
    #entryform_cont .btn_prev:hover {
        min-width: 49% !important;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .veh_sub_title {
        text-align: center !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 30px !important;
    }
    .race-details li {
        float: none !important;
        padding: 5px 8% !important;
    }
    .personal-info-left {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .personal-info-right {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .personal-info .btn_next {
        min-width: 49% !important;
    }
    .personal-info .btn_prev {
        min-width: 49% !important;
    }
    .edit-prof-btn {
        text-align: center !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .footer-position{
        margin-top:0px ; position: relative !important; bottom: 0px;
    }
    .ft_center {
        text-align: center !important;
        margin-bottom: 15px;
    }
    .ft_rgt {
        text-align: center !important;
        margin-top: 15px;
    }
    .btn_next {
        min-width: 68% !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_next:hover {
        min-width: 68% !important;
        font-size: 16px !important;
        float: right !important;
    }
    .btn_prev {
        min-width: 30% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_prev:hover {
        min-width: 30% !important;
        margin-right: 0px !important;
        font-size: 16px !important;
        float: left !important;
    }
    .btn_color {
        min-width: 100% !important;
        font-size: 16px !important;
    }
    .slick-slide img {
        width: 100% !important;
        border-radius: 0px !important;
    }
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .dash_up .slick-list {
        padding: 0px 10px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 7px !important;
    }
    .dash_up .slick-slide img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .img-fluid {
        max-width: 280px !important;
    }
    .dash_up .slick-prev {
        left: 7px !important;
    }
    .dash_up .slick-next {
        right: 0px !important;
    }
    .dash_up .slick-slide .no_img_fluid {
        border-radius: 0px !important;
        width: auto !important;
        box-shadow: none !important;
    }
    .col-sm-2 {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    .col-md-10 {
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
    .left_section .bdr_rgt {
        border-right: none !important;
    }
    .left_section .pl-0 {
        padding-left: 0px !important;
    }
    .w100per {
        width: 100% !important;
        position: absolute !important;
        left: 0px !important;
    }
    .sponsor .col-md-6 {
        width: 50% !important;
    }
    .sponsor .col-sm-6 {
        width: 50% !important;
    }
    .sm_heading {
        display: block !important;
        color: #fff !important;
        font-size: 25px !important;
        width: 100% !important;
        text-align: left !important;
        padding: 10px 30px !important;
        background: #000 !important;
    }
    .plr0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .event_strip .col-md-3 {
        width: 22% !important;
    }
    .event_strip .col-md-6 {
        width: 56% !important;
    }
    .event_strip .btn-fb {
        width: auto !important;
    }
    .event_strip .btn-tw {
        width: auto !important;
    }
    .event_strip .btn-ins {
        width: auto !important;
    }
    .event_strip .btn-yt {
        width: auto !important;
    }
    .event_strip .mr-4 {
        margin-right: .7rem!important;
    }
    .description {
        padding: 40px !important;
    }
    #entryform_cont .bootstrap-select .dropdown-menu {
        min-width: 100% !important;
    }
    #entryform_cont .btn_next {
        min-width: 49% !important;
    }
    #entryform_cont .btn_next:hover {
        min-width: 49% !important;
    }
    #entryform_cont .btn_prev {
        min-width: 49% !important;
    }
    #entryform_cont .btn_prev:hover {
        min-width: 49% !important;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 30px !important;
    }
    .race-details li {
        float: none !important;
    }
    .personal-info-left {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .personal-info-right {
        text-align: center !important;
        padding-left: inherit !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .personal-info .btn_next {
        min-width: 49% !important;
    }
    .personal-info .btn_prev {
        min-width: 49% !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slick-slide img {
        border-radius: 0px !important;
    }
    .mob-left {
        text-align: left !important;
    }
    .mob-center {
        text-align: center !important;
    }
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .dash_up .slick-list {
        padding: 0px 7px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 5px !important;
    }
    .dash_up .slick-slide img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .img-fluid {
        max-width: 280px !important;
    }
    .dash_up .slick-prev {
        left: 7px !important;
    }
    .dash_up .slick-next {
        right: 0px !important;
    }
    .left_section .bdr_rgt {
        border-right: none !important;
    }
    .left_section .pl-0 {
        padding-left: 15px !important;
    }
    .w100per {
        width: 100% !important;
        position: absolute !important;
        left: 0px !important;
    }
    .description {
        padding: 40px !important;
    }
    .txt_left_small {
        text-align: center !important;
    }
    .sponsor {
        padding: 30px 30px 80px 30px !important;
    }
    .profile-center {
        text-align: center !important;
    }
    .biography-cont {
        text-align: justify !important;
        padding: 0px 30px !important;
    }
    .race-details li {
        float: none !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .participant-box {
        width: 25% !important;
    }
    .result-event-box {
        width: 50%;
    }
}

@media (min-width: 812px) and (max-width: 812px) {
    .slick-list {
        padding: 0px 240px !important;
    }
    .slick-slide {
        margin: 0px 14px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .advt_dash_sec {
        display: none !important;
    }
    .dash_up {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .dash_up .slick-list {
        padding: 0px 7px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 5px !important;
    }
    .dash_up .slick-slide img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .img-fluid {
        max-width: 280px !important;
    }
    .dash_up .slick-prev {
        left: 7px !important;
    }
    .dash_up .slick-next {
        right: 0px;
    }
    .btn_left {
        float: left !important;
    }
    .btn_label {
        display: inline-block !important;
        min-width: 34.5% !important;
        float: left !important;
        height: 20px !important;
    }
    .race-details li {
        border-radius: 5px 5px 5px 5px !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .title-name-bg {
        text-align: left !important;
    }
    .pad-left-large-0 {
        padding-left: 0px !important;
    }
    .participant-box {
        width: 20% !important;
    }
    .search-align {
        margin-top: 0px !important;
        border-top: 0px solid #dee2e6 !important;
        padding-top: 0px !important;
    }
    .result-event-box {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .shadow{
        padding: 50px 40px 90px 40px !important;
    }
    .dash_up .slick-list {
        padding: 0px 7px !important;
    }
    .dash_up .slick-slide {
        margin: 0px 5px !important;
    }
    .dash_up .slick-slide img {
        border-radius: 10px 10px 0px 0px !important;
    }
    .dash_up .img-fluid {
        max-width: 280px !important;
    }
    .dash_up .slick-prev {
        left: 7px !important;
    }
    .dash_up .slick-next {
        right: 7px !important;
    }
    .btn_left {
        float: left !important;
    }
    .btn_label {
        display: inline-block !important;
        min-width: 34.5% !important;
        float: left !important;
        height: 20px !important;
    }
    .race-details li {
        border-radius: 5px 5px 5px 5px !important;
    }
    .biography-txt {
        padding: 2rem !important;
    }
    .title-name-bg {
        text-align: left !important;
    }
    .pad-left-large-0 {
        padding-left: 0px !important;
    }
    .search-align {
        margin-top: 0px !important;
        border-top: 0px solid #dee2e6 !important;
        padding-top: 0px !important;
    }
    .result-event-box {
        width: 25%;
    }
}

@media (min-width: 200px) and (max-width: 399px) {
    .participant-box {
        width: 100% !important;
    }
    .result-event-box {
        width: 100%;
    }
}

@media (min-width: 400px) and (max-width: 499px) {
    .participant-box {
        width: 50% !important;
    }
    .result-event-box {
        width: 100%;
    }
}

@media (min-width: 500px) and (max-width: 567px) {
    .participant-box {
        width: 33.33333333% !important;
    }
    .result-event-box {
        width: 50%;
    }
}

@media (min-width: 568px) and (max-width: 677px) {
    .participant-box {
        width: 33.33333333% !important;
    }
    .result-event-box {
        width: 50%;
    }
}

@media (min-width: 678px) and (max-width: 767px) {
    .participant-box {
        width: 25% !important;
    }
    .result-event-box {
        width: 50%;
    }
}


/*******************  END  **************************/