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

    .with_two_alert {

        max-width: 1010px;
       
    }

}


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

    /* Menu styles  */
    #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop {
        margin-top: 0px;
    }

    #mega-menu-wrap-MainHeaderMenuLocation #mega-menu-MainHeaderMenuLocation>li.mega-menu-item>a.mega-menu-link {

        padding: 0px 6px 0px 6px;
        
        font-size: 14px;

    }

    #mega-menu-wrap-RightHeaderMenuLocation #mega-menu-RightHeaderMenuLocation>li.mega-menu-item>a.mega-menu-link {

        padding: 0px 6px 0px 6px;
        font-size: 14px;

    }

    #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-item>a.mega-menu-link {

        padding: 0px 6px 0px 6px;
        font-size: 14px;

    }

}

@media only screen and (max-width: 1359px) {
.social_footer ul li {
   
    margin-left: 4px;
  
}
}

@media only screen and (max-width: 1359px) {
    .new_slider_i_n {
        font-size: 60px !important;
    }
}


@media only screen and (max-width: 1366px) {
    .input_search_top {

        width: 141px;
        /* border: red solid 1px; */

    }

    #mega-menu-wrap-RightHeaderMenuLocation #mega-menu-RightHeaderMenuLocation {
        margin-right: 101px;
    }
}

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

.social_footer ul{
    /* border:red solid 1px; */
    margin-top: -16px;
}

.app_store_image{
float: none;
}

.google_play_image{
float: none;
}

.social_footer ul {
    width: 324px;
}



}

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

.box {
    min-height: 338px;
}

}

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

    /* Mq for home page  */
    .title_slider_home {
        /* border:red solid 1px; */
        font-size: 70px !important;
    }

    .social_footer {
        margin-top: 27px;
        /* border: red solid 1px; */
    }

    .waves h1 {
        margin-top: 48px;
    }

     .new_slider_i_n {
         font-size: 38px !important;
     }
}

/* Desktop size MD  */
@media only screen and (max-width: 992px) {

    /* Mq for home page  */
    .title_slider_home {
        /* border:red solid 1px; */
        font-size: 70px !important;
        display: none;
    }

    .title_item_carrousel {
        margin-top: 0px;
    }

    .cont_schedules_maps {
        display: inherit;
    }

    .waves h1 {
        margin-top: 50px;
    }

    .box_form_contact_us {
        margin-top: 0px;
    }

    .prev {
        display: none;
    }

    .next {
        display: none;
    }

    .carrousel {
        padding: 88px 21px 41px 21px;
    }

    .waves-phone img {
        max-width: 100%;
        margin-bottom: 0px;
        margin-top: 42px;
    }

    .logo_mobile {
        /* border: red solid 1px; */
        padding: 12px;
        background: #003556;
       
    }

    .button_suscribe {
        padding-right: 0px;
        /* border: red solid 1px; */
    }


    /* menu breakpoint  */

    .nav_bar_mobile {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .top_menu {
        display: none;
    }

    .main_menu {
        display: none;
    }


    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        /*margin: 7.5px -15px;*/
        margin: 7.5px 50px 7.5px -15px
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
        padding-bottom: 16px;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .box_electric {
        margin-top: 22px;
    }

    .main_header{
        padding-left: 0px;
        padding-right: 0px;
        position: inherit;
        padding-top: 17px;
    }

    /* trip planner */


    .trip_planner .nav>li>a {
    
        padding: 9px 50px;
       
    }

    /* end menu breakpoint  */


    /* Fares page  */

    .box_fares h3 {

        font-size: 20px;
    }

    .container_fare_info ul {

        min-height: 259px;
    }

    .banner_top_fares{
        height: 348px !important;
    }

    .cont_text_banner_top_fares{
        min-height: 351px !important;
    }


     /* header styles  */

     .main_header {

         padding-top: 1px;
         background: linear-gradient(69deg, rgba(0, 62, 112, 1) 0%, rgba(0, 62, 112, 1) 27%, rgba(2, 40, 67, 1) 70%);
         transition: all 1s;
          padding-top: 17px;
     }


     .navbar-default {
         background: none;
         border: none;
     }

     .navbar-default .navbar-collapse,
     .navbar-default .navbar-form {
         border: none;
         margin-top: 17px;
     }

     .navbar-collapse {
             padding-right: 0px;
             padding-left: 0px;
         overflow-x: visible;
         border-top: 1px solid transparent;
         -webkit-box-shadow: none;
         box-shadow: none;
         -webkit-overflow-scrolling: touch;
     }

     .navbar-default .navbar-toggle .icon-bar {
         background-color: #6fabb1;
     }

     .navbar-toggle {
        
         margin-top: 16px;

     }

}

@media only screen and (max-width: 889px) {
    .button_mc a {
       
        min-height: 105px;
    }

    .button_mc_v a {
      
        min-height: 105px;
    }
}


/* Table size SM */
@media only screen and (max-width: 768px) {

    /* Mq for home page  */
    .title_slider_home {
        border: red solid 1px;
        font-size: 50px !important;
    }

    .waves .container {
        /* border: red solid 1px; */
        max-width: 659px;
        width: 100%;
    }

    .box_electric {
        margin-top: 22px;
    }

    /* Fares page  */

    .box_fares h3 {

        font-size: 20px;
    }

    .container_fare_info ul {

        min-height: 259px;
    }

     #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-flyout ul.mega-sub-menu {
         width: 100%;
         padding: 0px;
         margin-left: 0px;
     }

     #mega-menu-wrap-MainHeaderMenuLocation #mega-menu-MainHeaderMenuLocation>li.mega-menu-flyout ul.mega-sub-menu {
         width: 100%;
         margin-left: 0px;
     }

 .date_service_alert {
     display: none;
 }

 .alert_mobile{
     display: inherit;
 }

    .trip_planner_label {
        color: black !important;
    }

      .date_only_mobile {
          display: inherit;
          margin: 7px -8px;
      }

      .cont_icon_alert_type {
          padding-right: 0px;
          width: 71px;
          text-align: center;
          margin: 0 auto;
          margin-bottom: 11px;
      }

       .hide_desktop {
           display: inherit;
           margin-top: 0px;
       }

       .hide_mobile {
           display: none;
       }


       /* header styles  */

       .main_header {

          
           background: linear-gradient(69deg, rgba(0, 62, 112, 1) 0%, rgba(0, 62, 112, 1) 27%, rgba(2, 40, 67, 1) 70%);
           transition: all 1s;
            padding-top: 35px;
       }


       .navbar-default {
           background: none;
           border: none;
       }

       .navbar-default .navbar-collapse,
       .navbar-default .navbar-form {
           border: none;
           margin-top: 17px;
       }

       .navbar-collapse {
          
           overflow-x: visible;
           border-top: 1px solid transparent;
           -webkit-box-shadow: none;
           box-shadow: none;
           -webkit-overflow-scrolling: touch;
       }



       #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-item>a.mega-menu-link:hover {
         
           display: inherit;
          
       }

       .language_ripta {
           left: -65px;
       }

       /* style new route order */

       .oder_new_routes_desktop{
           display: none;
       }

       .oder_old_routes_mobile {
           display: block;
       }

       .cont_no_alert{
           padding-left: 0px;
           padding-right: 0px;
       }

    /* DTC */
    #dtc-template .btn-group>.btn, #dtc-template .btn-group>.btn-group, #dtc-template .btn-group .dropdown-menu {
        float: none;
        width: 100%;
        border-radius: 0px;
        text-align: left;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    #dtc-template .btn .caret {
        position: absolute;
        right: 12px;
        top: 14px;
    }
}

/* DTC Map */
@media only screen and (max-width: 500px) {
    #tm-main #map-container .overlay-container .flexslider .flex-control-nav {
        bottom: -60px;
    }
}

/* Extra Small Devices, Phones XS */
@media only screen and (max-width: 480px) {


    .ondemand_logo {
            width: 350px;
            margin-top: -8px;
        }

    .app_store_icon {
                    padding-bottom: 12px;
                    margin-top: 12px;
                }

                                .icon_cont_four_icons p {
                                   
                                    width: auto;
                                   /* border: red solid 1px; */
                                }

                                                                .logo_mobile_tod {
                                                                    display: inline-block;
                                                                }

                                                                .logo_desktop_tod{
                                                                    display: none;
                                                                }

    .page-id-32774 .title_news_archive {
            margin-top: 22px;
        }

                .page-id-29624 .title_electric_bus_mobile {
                    margin-top: 51px !important;
                }

    .page-id-32774  .banner_top {
    height: 403px;
            }


   .page-id-32774 .wp-block-button__link{
    font-size: 20px !important;
   }

   /* new page  */

      .page-id-33181 .title_news_archive {
            margin-top: 22px;
        }

    .page-id-33181  .banner_top {
    height: 403px;
            }


   .page-id-33181 .wp-block-button__link{
    font-size: 20px !important;
   }
    /* end new page  */

.cont_wrapper_all {

    /* padding-top: 77px; */
    /* padding-top: 185px; */
}    

.fist_block_transit{
    margin-top: 180px !important;
}

.sticky_emergency_banner {
    background-color: #a91805;
    padding-top: 0px;
    padding-bottom: 12px;
    border-bottom: white solid 1px;
    margin-bottom: 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12222;
}



    /* menu styles  */
     #mega-menu-wrap-MainHeaderMenuLocation #mega-menu-MainHeaderMenuLocation>li.mega-menu-item>a.mega-menu-link {

         font-size: 17px;
         /* border:red solid 1px; */

     }

     #mega-menu-wrap-MainHeaderMenuLocation #mega-menu-MainHeaderMenuLocation>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link {
        
         font-size: 16px;
     }

#mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-item>a.mega-menu-link {

   font-size: 17px;
   /* border:red solid 1px; */

}

#mega-menu-wrap-RightHeaderMenuLocation #mega-menu-RightHeaderMenuLocation>li.mega-menu-item>a.mega-menu-link {

    
    font-size: 17px;

}

#mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    font-size: 16px;
}



    /* home style  */

    .box_cont_inf_home{
        margin-bottom: 42px;
    }

    .cont_app_icon {
        /* border: red solid 1px; */
    }

    .cont_app_icon .col-md-6:nth-child(2) {
        margin-top: 19px;
    }

    #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop>li.mega-menu-flyout ul.mega-sub-menu{
        width: 100%;
        padding: 0px;
        margin-left: 0px;
    }

    #mega-menu-wrap-MainHeaderMenuLocation #mega-menu-MainHeaderMenuLocation>li.mega-menu-flyout ul.mega-sub-menu {
        width: 100%;
        margin-left: 0px;
    }

    .trip_planner .nav>li>a {
      position: relative;
      display: block;
      padding: 9px 6px;
      letter-spacing: 0px;
      font-size: 12.7px;
    }

    .trip_planner{
        margin-top: 0px;
        top: 0px;
    }

    .slider_home{
        display: none;
    }

.trip_planner_desktop {
    /* border: red solid 1px; */
    background-image: url(../images/mobile_bg.jpg);
    background-size: auto;
    padding-top: 25px;
    padding-bottom: 32px;
    background-repeat: no-repeat;
}

    .date_service_alert{
        display: none;
    }

    .date_only_mobile{
        display: inherit;
        margin: 7px -8px;
    }

    .trip_planner_label{
        color: black !important;
    }

    .hide_mobile{
        display:none;
    }

    .hide_desktop{
        display: inherit;
        margin-top: 0px;
    }

    .litle_box {
        /* border: red solid 1px; */
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 10px;
        margin-left: 0px;
        position: relative;
        top: 1px;
    }

    .alert_mobile {
        display: inherit;
    }

    #mega-menu-wrap-MainHeaderMenuLocationTop #mega-menu-MainHeaderMenuLocationTop {
        margin-top: 0px;
    }

    section.realtime_results .route_header {
        font-family: "franklin-gothic-urw-cond",
        sans-serif !important;
        line-height: 29px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: -0.02em !important;
    }

    section.realtime_results .route-label {
        float: left !important;
        width: 30px !important;
        line-height: 32px !important;
        margin-right: 15px !important;
        font-size: 14px !important;
    }

    section.realtime_results thead th:first-child {
        width: auto;
        font-size: 14px !important;
    }

    section.realtime_results tbody tr.alert_item {
        text-align: right !important;
        font-size: 11px !important;
        color: #83a1a9 !important;
    }

    section.realtime_results tbody tr.route_header td:last-child {
        padding-right: 24px !important;
    }

/* press release  */

   .title_news_archive_long_title {
       margin-top: 35px !important;
       font-size: 17px !important;
   }

   .route_single_banner h3 {
      
       font-size: 21px !important;
       padding: 13px 12px;
    
   }

   .title_fares_mobile {
       margin-top: 32px !important;
   }

   .cont_text_banner_top h3 {
       
      font-size: 28px;
      margin-top: 42px;
      
   }

   .cont_text_banner_top p {
     
       font-size: 20px;
       padding: 10px;
      
   }

   .wickedpicker__controls__control-down,
   .wickedpicker__controls__control-up {
       color: #ffffff;
       font-size: 29px;
   }

   /* header styles  */

   .main_header {
     
      
       background: linear-gradient(69deg, rgba(0, 62, 112, 1) 0%, rgba(0, 62, 112, 1) 27%, rgba(2, 40, 67, 1) 70%);
       transition: all 1s;
       }
   

       .navbar-default {
           background: none;
           border: none;
       }

       .navbar-default .navbar-collapse,
       .navbar-default .navbar-form {
           border: none;
           margin-top: 17px;
       }

       .navbar-collapse {
      
           overflow-x: visible;
           border-top: 1px solid transparent;
           -webkit-box-shadow: none;
           box-shadow: none;
           -webkit-overflow-scrolling: touch;
       }



   /* Footer  */

   .footer {
       
       padding: 41px 18px 13px 6px;
     
   }

   .list_languaje_footer li {
       
       margin-left: 2px;
       line-height: 2.5;
       
   }

   .list_languaje_footer {
     
       width: 270px;
   }

   .footer .row_3_colums_footer .title_footer_widget {
      
       margin-top: 35px;
       margin-bottom: 0px;
       
   }

   .footer_logo {
       width: 142px;
   }

   /* Schedule page  */

   .schedule_container_menu .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
       margin-bottom: 0px;
   }

   /* Route page  */

   .date_alert_s_route {
       text-align: left;
       font-size: 14px;
   }

   .date_alert_s_route label:nth-child(2){
       float: right;
   }

   .slide_icon {
       display: inherit;
   }

   .current_location {
       position: absolute;
       left: 9px;
       top:15px;
   }

   #current_location span{
       /* border:red solid 1px; */
       float: left;
       margin-left: 30px;
   }

   .list-group-item {
       overflow: hidden;
   }

   .div_cont_time_ripta {
       display: inline-block;
       /* border: red solid 1px; */
       float: left;
       width: 224px;
       clear: both;
   }

   .next_stop_times {
       display: inline-block;
       list-style-type: none;
       margin: 0px 0px 0px 13px !important;
       padding: 0px;
       /* sans-serif: ; */
       font-size: 15px;
   }

   #tableselector li>a {
      
       padding: 9px 8px !important;
       
   }

   #m-tableselector{
       visibility: hidden;
   }

   .logo_mobile {
       /* border: red solid 1px; */
       padding: 12px;
       /* width: 390px; */
   }


   /* Project styles  */

   .title_project_mobile {
       margin-top: 59px !important;
   }

/* electric bus  */
 .title_electric_bus_mobile {
     margin-top: 47px !important;
 }

 .container_general_electric{
     min-height: 287px !important;
 }
 
 .banner_top_electric{
height: 297px !important;
 }

 .cont_text_electric{
     min-height: 297px !important;
 }

 .banner_top img {
    
        width: 1420px !important;
        margin-left: -348px;
 }

   /* put iages responsive on mobile  */

   .img_rewards figure{
/* border:red solid 1px; */
width: 100%;
text-align: center;
margin-bottom: 17px;
   }

  .img_rewards figure img {
      width: 100%;
      height: 370px;
  }


  /* calendar styles  */

  .tribe-common .tribe-common-l-container {
   
      width: 99%;
  }



  /* style for the header  */

  .container_general_banner_top {
      /* border: red solid 1px; */
      min-height: 180px;
      position: relative;
  }

  .banner_top {
      /* border: red solid 1px; */
      /* min-height: 450px; */
      height: 171px;
      text-align: center;
      display: inline-block;
      background-size: cover !important;
      width: 100%;
      transform: scale(1);
      overflow: hidden;
  }

  .cont_text_banner_top {
      /* border: blue solid 1px; */
      text-align: center;
      background: rgba(0, 0, 0, 0.14);
      position: absolute;
      top: 0;
      color: white;
      width: 100%;
      min-height: 171px;
  }

  /* careers page  */

  .generic_title_h3 {
     
      font-size: 24px;
     
  }

  .route-types_ripta li:nth-child(2){
      margin-left: 11px;
  }

  /* mission page  */

  .mission_text_mobile{
      
      font-size: 17px !important;
  }

  /* woocommerce  */

  .woocommerce-shipping-fields .woocommerce-form__label {
      margin-left: 24px;
  }


.title_alerts_long_title {
    margin-top: 41px !important;
    font-size: 17px !important;
}
 

/* emergency alert  */


.alert_header_special {
    padding-left: 3px;
    padding-right: 3px;
}


.special_alert {
    background-image: url(/wp-content/themes/ripta_theme/assets/images/alerts/alert_darker.svg);
    background-repeat: no-repeat;
    background-size: 184px;
    background-origin: 12px 372px;
    background-position: -67px -42px;
}

.close_alert {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 11px;
    font-size: 31px;
    z-index: 100;
}

.close_alert_one {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: -28px;
    font-size: 31px;
    z-index: 100;
}


.with_two_alert {

    margin-left: -32px;
}


.alert_header_special {

    /* max-width: 277px; */
    max-width: 351px;
    margin-left: 0px;

}



/* carrousel styles  */

.carrousel_items_bg{
    background-size: cover !important;
}

.box {
  
    /* min-height: 408px; */
     min-height: 378px;
    /* border:red solid 1px; */
    
}


/* wave page  */

.image_mobile_wave {
   overflow: hidden;
   /* border: red solid 1px; */
   margin: 0 auto;
   padding-bottom: 22px;
}

.image_mobile_wave .alignright
{
    float: none !important;
    margin: 0 auto !important;
}

.info_home {
    padding: 37px 7px 7px 7px;
   
}


.transit_logo {
    margin-top: 3px;
    max-width: 509px;
    width: 100%;
}

.title_tfri::after {
    
    margin-left: 22px;
   
}

.transit_f_subtitle{
    margin-top: -6px !important;
    font-size: 16px !important;
}


/* Community pages */

.cities_mobile_t_s_e {
    display: inline !important;
}

.cities_desktop_t_s {
    display: none !important;
}

.bottoms_desktop {
    display: none !important;
}

.bottoms_mobile {
    display: inline !important;
}

/* wave to work */

.wtw_logo_main {
    margin-top: 32px;
}

.cts_second{
    margin-top: 0px !important;
}

.page-id-34464 .banner_top {
       
        height: 388px;
    
    }

    .wtw_buttons_container button{
        margin-bottom: 10px;
    }

    .icons_cont_ways_b .col-md-4 {
    text-align: center;
    }

     .icons_cont_ways_b p {
    text-align: center;
    }

    .icons_cont_ways_b img{
    margin-right: 0px;
}

.cont_general_shapes .col-md-4{
    margin-bottom: 12px;
}

.div_shape_triangle {
    width: 100%;
    height: 0px;
    border-left: 182px solid transparent;
    border-right: 182px solid transparent;
    border-top: 20px solid #3f92cb;
}

.cont_faresget_started {
    margin-bottom: 22px;
}

.cont_fares_wtw p{
    padding: 12px;
}

.cont_testimony_t_f {
   
    margin-bottom: 22px;
}

.choose_program_wtw {

    margin-top: -57px;
    padding: 30px;
}

.other_ways_b {
   
    padding: 18px 30px 90px 30px;
}

.transit_friendly {
    padding: 18px 30px 82px 30px;
   
}

.cont_testimony_t_f {
   
    min-height: 440px;
}

.cont_testimony_t_f .logo_andrew {
    margin-top: 78px;
}

.last_title_fill {
    margin-top: 49px !important;
}
    
}