/* FOR Mobile*/

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .mkdf-side-menu-slide-from-right .mkdf-wrapper .mkdf-cover {
        height: auto!important;
    }
    .mkdf-title .mkdf-title-holder {
        height: auto!important;
    }
    .mkdf-side-menu {
        width: 46%!important;
    }
    #mobilegallery {
        display: block;
    }
    #desktopgallery {
        display: none;
    }
    .schedulebackground {
        /* width: 87%!important; */
        line-height: 1.75em;
    }
    .stoptime {
        margin-left: 0px;
    }
    .fullschedulemobile {
        margin-bottom: 30px;
    }
    .newsearch {
        display: none;
    }
    .formbox {
        position: relative!important;
        padding-right: 0px!important;
        margin-top: 20px;
    }
    #map {
        width: 100%;
    }
    .tab_1_height {
        height: auto;
    }
    .padding_mobile_right_0 {
        padding-right: 0px!important;
    }
    .padding_mobile_left_0 {
        padding-left: 0px!important;
    }
    .mkdf-mobile-logo-wrapper {
        /* margin-left: 70px; */
    }
    .dt-buttons {
        left: 10%;
    }
    .mkdf-side-menu {
        width: 76%!important;
    }
    .cota_place_text {
        display: none;
    }
    .ADAdirectiondisplaynone ul {
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
    }
    .dropdown-container.ADAdirectiondisplaynone ul {
        padding: 50px 10px;
    }
    .closediv {
        font-size: 1.2em
    }
    .dropdown-container.ADAdirectiondisplaynone ul,
    .dropdown-container.ADAdirectiondisplaynone li {
        font-size: 0.91em;
    }
    .bus_walking {
        padding-right: 5px;
        width: 10%!important;
    }
    img.bus_transit {
        width: 12%!important;
    }
    .active_tab_cota {
        height: auto;
        margin: 0px;
    }
    .cota_white_red {
        margin: 5px 0!important;
    }
    .cota_search_place h1 {
        margin-top: 0;
        padding-top: 10px;
    }
    .vc_col-md-14 .cota_white_red:first-child {
        margin-top: 10px!important;
    }
    div#button_map_direction {
        display: none;
    }
    h1#map_text {
        text-align: left;
    }
    span.icon-button {
        display: block;
    }
    div#button_map_direction {
        display: none;
    }
    .triangle_bottom {
        border-top: 60px solid transparent;
        border-left: 60px solid transparent;
        border-right: 60px solid rgba(66, 152, 181, 0.75);
        border-bottom: 60px solid #4298B5;
    }
    .vc_custom_1492766931077 {
        padding-top: 0!important;
        margin: 0 0 30px !important;
    }
    input#btndisplayroute.cota_button {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .trip_planer_text_box {
        padding-right: 0!important;
    }
    .bus_90 {
        width: 99%;
        padding: 5px
    }
    .background_color1 {
        width: 99%;
        padding: 5px
    }
    div#all_bus_stop {
        margin-bottom: 10px;
    }
    p.whitecolor.upper.margin_0.bold.bus_near_by {
        margin: 0!important;
        /* padding: 0; */
    }
    a.mkdf-btn.mkdf-btn-small.mkdf-btn-solid.mkdf-btn-hover-solid.btm_small_font {
        margin: 10px 0;
    }
    span.divNeareststop {
        font-size: 14px;
    }
    .busstopsmaplist {
        margin: 0;
    }
    .schedulebackground1c input {
        vertical-align: middle;
        margin-left: -5px;
    }
    .text_clear {
        clear: both!important;
        display: inline-block;
    }
    .mkdf-title-subtitle-holder-inner {
        padding: 0px!important
    }
    div#trip-planner-inner-row {
        padding: 0 10px;
    }
    .bus_near_by,
    #all_bus_stop {
        padding-left: 10px;
    }
    .mkdf-boxed-widget {
        padding: 20px 20px 25px;
        background-color: #f9f9f9;
    }
    table.scheduletable tr td {
        font-size: 0.8em
    }
    table.scheduletable tr th {
        font-size: 0.8em;
        vertical-align: middle;
    }

    .trip-flex-group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .trip-flex-2 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .trip-flex-1 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .mkdf-has-background .mkdf-title-image {
        display: none;
    }
    .tripplanner-container {
        margin-top: 0px;
    }
    .mkdf-title-subtitle-holder-inner {
        background-color: rgba(0, 0, 0, 0);
        margin-top: 15px; /*10px*/
    }
    h1.ADAtitlecolorfix span {
        color: #AF272F;
    }
    .ADAtitleholderfix {
        height: 50px!important;
        z-index: 991;
    }
    .mkdf-title-subtitle-holder-inner h1 span {
        color: #AF272F;
    }
    aside.mkdf-sidebar {
        padding-top: 20px;
    }
    table.contacttable td {
        padding: 10px;
    }
    h1.headingwithoutimage {
        margin: 25px 0;
    }
    .wpb_text_column .wpb_wrapper p img {
        width: 100%;
    }
    h1.headingwithoutimage h3.headingwithoutimage {
        margin-top: 0px!important;
    }
    footer .mkdf-footer-top-holder .widget .mkdf-footer-widget-title {
        margin: 29px 0 9px;
    }
    .mkdf-eh-item-inner {
        /*padding-bottom: 20px; makes h3 bottom-heavy in mobile*/
    }
    .ADAtitleholderfix {
        height: 50px!important;
        z-index: 991;
    }
    .mobile_hide_panel {
        display: none;
    }
    .Destop_hide_panel {
        display: block;
    }
    .Cota_Radius {
        left: 0;
        background-color: rgba(0, 0, 0, 0.3);
        width: 93.2%;
    }
    .Cota_Radius p {
        padding: 5px 0;
        font-size: 16px;
    }
    .user-block {
        display: none;
    }
    .mkdf-vertical-align-containers .mkdf-position-right {
        position: relative;
        float: right!important;
        z-index: 112;
        height: 100%;
        text-align: right!important;
    }
    /* div#google_translate_element {
        display: none!important;
    } */
    .vc_col-md-12.vc_col-sm-12.vc_col-lg-12.vc_col-xs-12.cota_brand_color_backround {
        display: block;
    }
    .google_translat_panel {
        display: none;
        margin: 0 !important;
        /* padding: 20px 0; */
        padding: 19px 0px 0px;
    }
    .upper_panel {
        min-height: 750px;
    }
    .mkdf-sticky-up-mobile-header .mobile-header-appear .mkdf-mobile-header-inner .cota_brand_color_backround {
        display: none!important;
    }
    .iFeature .ticker {
        top: auto;
    }
    .signin_panel {
        padding: 10px 10px 20px;
    }
    span.forgetspace {
        display: inline-block;
        margin-top: 10px;
    }
    .Cota_H1_Text_Panel {
        margin: 10px 20px 0;
        padding: 0;
    }
    .Cota_H1_Text_text {
        font-size: 1.5em;
        padding: 0;
        margin-bottom: 0
    }
    .Cota_H1_Text_text_p {
        font-size: 1em;
        color: #fff;
        padding: 0;
    }
    .Admin_Vendor_submit a {
        width: 100%;
    }
    .Admin_Vendor_submit input.Cota_login {
        width: 100%;
    }
    .mkdf-iwt.clearfix.mkdf-iwt-icon-top.mkdf-iwt-icon-medium {
        margin-top: 20px;
    }
    .vendorpagediv {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner,
    .mkdf-content .mkdf-content-inner>.mkdf-full-width>.mkdf-full-width-inner {
        padding: 164px 0; /*why on earth is this 164??
        [because h1/h2 etc overlap or don't appear in mobile due to pos:abs in header] */
    }
    .home .mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner,
    .home .mkdf-content .mkdf-content-inner>.mkdf-full-width>.mkdf-full-width-inner {
        padding: 20px 0 20px 0;
    }
    .alert-inner-inside-column .vc_column-inner {
        border-right-color: #af272f !important;
    }
    div#tbl_info {
        width: 100%;
        text-align: center;
    }
    .dataTables_paginate {
        float: none!important;
        text-align: center!important;
        width: 100%!important;
        margin: 30px 0!important;
    }
    .google_translat_panel.mobile_menu_display {
        /* visibility: hidden; */
        /* display: none; */
    }
    .user-block {
        /* padding: 19px 15px; */
        padding: 19px 0px;
    }
    .height_300 {
        display: none;
    }
    .page-id-4597 .mkdf-title-subtitle-holder {
        display: none!important;
    }
    .page-id-4597 .mkdf-title {
        height: 75px;
        background-color: rgba(48, 48, 48, 0);
    }
    .page-id-4597 .mkdf-title.mkdf-content-center-alignment.mkdf-animation-no {
        display: block;
    }
    .remove_text_padding select {
        padding-right: 10px;
        padding-left: 10px;
    }
    .table_scroll {
        overflow-x: scroll;
    }
    .dataTables_length {
        width: 100%!important;
        float: none!important;
        margin: 10px 0!important;
    }
    .dataTables_filter {
        float: none!important;
        text-align: center!important;
        width: 100%!important;
        margin: 20px 0!Important;
    }
    .mkdf-container-inner.clearfix {
        padding-bottom: 50px!important;
    }
    div#tbl_paginate {
        width: 100%!important;
    }
    .height_adg {
        padding: 134px 0;
    }
    .custom_panel_row,
    .text_row_custom_panel {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .custom_reg_Button {
        width: 100%;
        margin-bottom: 10px;
        float: none;
    }
    .vc_col-md-11.vc_col-sm-11.vc_col-xs-11.margin_bottom_10.schedulebackground a {
        font-size: 0.6em;
        line-height: 3em;
    }
    .schedulebackground {
        padding: 4px 9px;
    }
    .dataTables_filter input[type="search"] {
        border: 1px solid #4298B5;
        margin-left: 5px;
    }
    .padding_top_124 {
        padding-top: 124px!important;
    }
    .text_row_custom_Blue_panel {
        min-height: 200px;
    }
    .dt-buttons {
        left: 0;
    }
    .cota_res_table {
        margin-top: 30px;
        width: 100%!important;
    }
    .padding_top_0_mobile {
        padding-top: 0!important;
    }
    .cota-logo-container .mkdf-mobile-logo-wrapper a img {
        margin: 15px auto;
    }
    .mkdf-vertical-align-containers .mkdf-position-center {
        z-index: 114;
    }
    .custom_hide {
        position: fixed;
        width: 90%;
        top: 160px;
        left: 0;
    }
    div#google_translate_element {
        position: initial;
    }
}
/*Mobile END*/

;
/* FOR Ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .mkdf-side-menu {
        width: 30%!important;
    }
    .newsearch {
        display: none;
    }
    .tripplaner_page_tab,
    .trip-section-html {
        width: 100%!important;
    }
    input#btndisplayroute.cota_button {
        margin: 25px 0;
    }
    .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-4 .mkdf-gallery-image {
        width: 49%!important;
    }
    .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-4 .mkdf-gallery-image:nth-child(2n+1) {
        clear: both!important;
    }
    .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-4 .mkdf-gallery-image:nth-child(3n+1) {
        clear: none!important;
    }
    .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-4 .mkdf-gallery-image:nth-child(2n) {
        margin-right: 0!important;
    }
    .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-4 .mkdf-gallery-image:nth-child(3n) {
        margin-right: 2%!important;
    }
    .bus_90 {
        width: 95%;
        padding: 5px;
        margin-right: 5%;
    }
    .background_color1 {
        width: 95%;
        padding: 5px;
        margin-right: 5%;
    }
    div#all_bus_stop {
        margin-bottom: 10px;
    }
    span.busroute_color_pa {
        font-size: 0.8em;
    }
    .busroute_color_link {
        padding: 9px 3px;
        font-size: 0.8em;
    }
    .triangle_bottom {
        border-top: 90px solid transparent;
        border-left: 90px solid transparent;
        border-right: 90px solid rgba(66, 152, 181, 0.75);
        border-bottom: 90px solid #4298B5;
    }
    .padding0right {
        padding-right: 0px!important;
        padding-left: 0!important;
    }
    .padding0left {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .tab_1_height {
        height: auto;
    }
    aside.mkdf-sidebar {
        padding-top: 20px;
    }
}
/*Ipad END*/
/* Responsive Table */

@media screen and (max-width: 600px) {
    .cota_res_table {
        border: 0;
    }
    .cota_res_table tr td ul.stylenone {
        margin: 30px 0;
    }
    .cota_res_table caption {
        font-size: 1.3em;
    }
    .cota_res_table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .cota_res_table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    .cota_res_table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    .cota_res_table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */

        content: attr(data-label);
        float: left;
        font-weight: bold;
        font-family: 'Brandon Grotesque';
        text-transform: uppercase;
    }
    .cota_res_table td:last-child {
        border-bottom: 0;
    }
}
/* End Responsive Table */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) {
    .togg {
        color: #fff;
        font-size: 0.6em;
    }
}
@media only screen and (min-device-width: 824px) and (max-width: 1024px) {
    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-grid-section .mkdf-section-inner {
        width: 900px!important;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .upper_panel {
        height: 500px!important;
    }
    .mkdf-side-menu {
        width: 30%!important;
    }
}


@media only screen and (max-device-width: 320px){
    .mkdf-title.mkdf-has-responsive-background .mkdf-title-holder .mkdf-container-inner {
        margin-right: 13px;
    }
}