@media (max-width: 1400px) {

  footer .col1 {

    width: 20%;

    float: left;

    margin-left: 2%;

  }

  footer .col2 {

    width: 20%;

    float: left;

  }

  footer .col3 {

    width: 40%;

    float: left;

  }

  footer .col4 {

    width: 15%;

    float: left;

  }



}

@media (max-width: 980px) {



  footer .col1 {

    width: 50%;

    float: left;

    margin-left: 0%;

  }

  footer .col2 {

    width: 50%;

    float: left;

  }

  footer .col3 {

    width: 70%;

    float: left;

  }

  footer .col4 {

    width: 30%;

    float: left;

  }

  .view-all-result h4 span {

    display: block;

    margin-top: 10px;

  }

}

@media (max-width: 768px) {

    .navbar-toggler-icon {

        background-color: transparent;

      }

    .navbar-toggler:focus {

        text-decoration: none;

        outline: 0;

        box-shadow: 0 0 0 0;

      }

    .navbar-nav {

        text-align:center;

    }

    

    .word1 {

        font-size: 2rem;

    }

    .word2 {

        font-size: 2rem;

    }

    h2 {

        text-align: center;

        display: block;

    }



    .slider-item {

      height: auto;

    }



    .page-banner img {

      height: auto;

    }



    .word4 {

      color: #0D9D96;

      font-weight: 700;

      font-size: 1.3rem;

    }



    .filter-container {

      margin-top: 0px;

    }



    .recent-event-section .row-cols-md-2 .col {

        flex: 0 0 50%;

        max-width: 50%;

      }



      .about-us-section {

        padding: 35px 5px;

        margin-top: -30px;

      }

      .services-highlight-content .row-cols-md-2 .col {

        flex: 0 0 50%;

        max-width: 50%;

      }

      

      .service-featured h5 { 

        font-size: 0.9rem;

      }

      .owl-nav {

        display: none;

      }



      .about-us-tag.services-short-content h2 span {

        display: block;

      }



      .abtus-tk-content h2 {

        text-align: left;

      }



      .word3 {

        font-size: 2rem;

      }





      .frequntly-asked-q .accordion-button {

        font-size: 17px;

      }



      .service-block .highlight-content {

        display: block;

      }

      .service-card h4 {

        text-align: center;

      }

      .service-block {

        max-height: 100% !important;

      }



      .service-carousel-section .item img {

        width: 100%;

        padding: 4px;

        height: 200px; 

      }







      .enquiry-info .whatsapp-button {

        margin-bottom: 20px;

      }



      .enquiry-form {

        padding: 40px 15px !important;

      }

      .ticket-query-section .enquiry-form {

        padding: 40px 15px !important;

      }



      .result-filter-section {

        padding: 20px 10px;

      }



      .search-label {

       display: none;

      }



      .event-info h5 {

        text-align: center;

        margin: 18px 0;

      }



      .leaderboard-records .leaderboard-title {

        font-size: 1.5rem;

      }

      .leaderboard-records .card {

        max-width: 100%;

        width: 47%;

        float: left;

        padding: 6px 5px;

      }



      .leaderboard-records .participant-name {

        font-weight: 700;

      }

      .leaderboard-records .finished-time {

        display: flex;

        align-content: center;

        flex-direction: column;

      }

      .leaderboard-records .bib-link {

        margin: 4px auto;

      }



      .pi-c-block.profile-block {

        border-top-left-radius: 0px;

        border-bottom-left-radius: 0px;

        position: relative;

        padding: 52px 0;

      }



      .rank-block .row-cols-md-2 .col {

        flex: 0 0 50%;

        max-width: 50%;

        

      }



      .rank-block .row-cols-md-3 .col {

        flex: 0 0 30%;

        max-width: 30%;

        

      }



      .timing-block-inside .rank-catg {

        font-size: 13px;

      }



      .timing-block-inside .rank-out {

        font-size: 2rem;

        font-weight: 700;

      }

      .timing-block-inside .rank-no {

        height: 100px;

        width: 100px;

        font-size: 1.2rem;

        font-weight: 600;

      }



      .pi-c-block.rank-block {

        background: #ffe616;

        position: relative;

        padding: 55px 0;

      }



      .pi-c-block.timing-block {

        border-top-right-radius: 0px;

        border-bottom-right-radius: 0px;

        padding: 27px 0;

        background: #343434;

      }

      .timing-block .bottom-h h4 {

        color: #fff;

      }

      .timing-block .bottom-h h4 i {

        color: #fff;

      }



      .timing-block .time-head1-v , .timing-block .time-head2-v  {

        color: #fff;

      }



      .timing-block .time-head1 ,.timing-block .time-head2 {

        border-top: 3px solid #fff;

        color: #fff;

      }



      .pi-c-block.racedetail-block {

        background: #ffe616;

      }



      .pi-c-block.racedetail-block .table tr th , .pi-c-block.racedetail-block .table tr td {

        background: transparent !important;

        border: 1px dotted #575757 !important;

        color: #343434 ;

      }

      .tbl-hig {

        color: #0b0b0b !important;

      

      }



      .pi-c-block.racedetail-block .table tr {

        border-color: #87828240;

      }



      .racedetail-block h4 {

        color: #FFE616;

      }

      .racedetail-block h4 i {

        color: #FFE616;

      }





      footer .col3 {

        width: 100%;

        float: left;

      }

      footer .col4 {

        width: 100%;

        float: left;

      }



      .recent-event-section {

        padding: 7px 0 40px 0;

      }



      .services-section {

        padding: 35px 4px;

      }

      .services-tagline {

        padding-top: 0px;

      }



      .testimonial-section .owl-carousel .owl-item .card .name {

        left:0px !important;

        right: 0 !important;

        

      }

      .trusted-partner-section {

        padding: 35px 0 100px;

      }

      

      .timing-race-section {

        padding-bottom: 5px;

      }

      .about-time-keeper .abtus-tk-content {

        padding-left: 0.8rem;

      }

      .about-time-keeper{

        padding-bottom: 5px;

      }

      .feature-time-keeper-section{

        padding-bottom: 10px;

      }

      .service-page-container {

        padding-top: 5px;

      }



      .event-block .btn-theme-color {

        padding: 8px 8px;

        font-size: 12px;

      }

      .view-all-result {

        padding: 10px 0 50px 0;

      }

      .view-all-result h4 {

        font-size: 18px;

      }

      

}