﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;

    font-family: 'newsgoth_btroman';
    background-image:url(../images/bg.jpg);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top center;

}

img{ border:0; max-width:100%;}
a{ text-decoration:none;}
li{}
p{ font-size:14px; color:#333;}
ul{ margin:0;}
.page{}
.wrap{ width:80%; margin:0 auto;}
.pagebg{}
.header {}
.logo {
    float: left;
    width: 340px;
}
a{ text-decoration:none;}
a:hover{text-decoration:none;}
.tabmenu{ padding:10px; float:left;}
.tabmenu li{ display:inline-block; float:left;}
.tabmenu li a {
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 20px;
    text-decoration: none;
}
.tabmenu li .active{ background-color:rgba(255,255,255,1); color:#888; position:relative; font-family: 'newsgoth_btbold'; }
.tabmenu li .active::after {
    background-image: url("../images/tabmenu_tip.png");
    background-repeat: no-repeat;
    bottom: -10px;
    content: "";
    height: 10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 20px;

}




.menu{ float:right; padding:10px;}

.navbar-nav > li > a {
    color: #fff;
    cursor: pointer;
    font-size:14px;
    text-transform:uppercase;
    font-family: 'newsgoth_btbold';
    padding-bottom: 5px;
    padding-top: 5px;
    border:1px solid rgba(255,255,255,0);
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color:rgba(255,255,255,0);
    color: #ddd;
    text-decoration: none;
}
.accotbn{ border:1px solid #fff !important;}
.content{}

.search_wrap{  padding:160px 0;}
.search_wrap h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: normal;
    margin: 15px 0;
    padding: 0;
    text-align: center;
    font-family: 'newsgoth_btbold';
}
.search_box {
    margin: 0 auto;
    padding: 40px 0;
    width: 952px;
    text-align:center;
    display:table;
}



.search_feild {
    background-image: url("../images/dropbg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: medium none;
    display: inline-block;
    float: left;
    margin: 0 0 0 -35px;
    padding: 0;
    position: relative;
    width: 230px;
    height:78px;
}


.sefeild select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;;

}

.search_feild_btn {
    background-image: url("../images/gobtn_bg.png");
    background-position: right center;
    border: 0 none;
    border-radius: 0;
    margin: 0 0 0 -35px;
    width: 134px;
}
.search_feild:first-child {
    background-image: url("../images/first-dropbg.png");
    background-position: left center;
    margin: 0 2px 0 0;
    width: 265px;
}
.search_feild:nth-child(2) {

}

.search_feild .input-group{ width:100%;}
.ser_icon{}
.serbox{ display:table; width:100%; padding:12px; }
.ser_icon {
    display: table-cell;
    padding: 0 20px 0 0;
    vertical-align: middle;
    width: 50px;
}
.sefeild {
    display: table-cell;
    padding: 0 0 0 20px;
    vertical-align: top;
}
.revers_icon {
    margin: 10px 0;
    position: absolute;
    right: -5px;
    top: 10px;
    width: 40px;
    z-index: 5;
}

.pl{ padding-left:0;}
.pr{ padding-right:0;}

.searchtext {
    background-color: rgba(51, 51, 51, 0);
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #666;
    float: left;
    font-size: 20px;
    height: 50px;
    line-height: 24px;
}

.search_feild_blank{ background-color:transparent;}
.searchbtn {
    background-color: rgba(240, 61, 61, 0);
    border: 0 ;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding:10px;
    text-transform: uppercase;
    width:auto;
    border-radius: 0;
    box-shadow:none;
}
.btn-block {
    text-align: center;
}


.elite_offerbox{}

.elite_offerbox  h5 {
    color: #888;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
}

h1 {
    color: #888;
    font-size: 48px;
    font-weight: normal;
    text-align: center;
    font-family: 'newsgoth_btbold';
}

.offerlist_wrap {
    display: table;
    margin: 0 auto;
    padding: 50px 0;
    width: auto;
}
.offerlist_wrap ul {
    box-sizing: border-box;
    display: table-cell;
    padding: 0 60px;
    vertical-align: top;
}
.offerlist_wrap ul li{ list-style:none; background-position:0 4px;  font-size:15px; margin:10px 0; color:#555;}
.offerlist_wrap ul li span img{ width:30px;}
.offerlist_wrap ul li span:last-child{ padding-left:10px;}

.offerlist_wrap  h4{ font-size:24px;}


.exbox1{ background-color:#fff;}


.exbox1 {
    background-color:#fff;
    position: relative;
    z-index: 1;
}
/*.exbox1:before, .exbox1:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.exbox1:before {
  top: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 0 100% 0;
          transform-origin: 0 100% 0;
}
.exbox1:after {
  bottom: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin:0 100%;
          transform-origin:0  100%;
}
*/
.exbox2 {
    background-color:#f2f2f2;
    position: relative;
    z-index: 1;
}
/*.exbox2:before, .exbox2:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.exbox2:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
		  border-top:1px solid #ccc;
}
.exbox2:after {
  bottom: 0;
  -webkit-transform: skewY(-1.5deg);
          transform: skewY(-1.5deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}
*/

.hirebus_icon {
    position: absolute;
    right: 170px;
    top: -55px;
    z-index:1;
}
.routes_wrap{}
.routes_map_wrap{text-align:center;}
.routes_map_wrap .mapimgbox{ }
.routes_map_wrap p{ font-size:18px; color:#666; padding:10px 0; }
.routes_con{ padding:50px 0 0 0;}
.routes_con ul{ }

.routesbox {
    background-color: #ffffff;
    border-radius: 60px;
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);*/
    margin: 0 auto;
    overflow: hidden;
    width: 800px;
    border:1px solid #ccc;
}
.routes_con ul{ width:100%; margin:0 auto;  display:table; margin:0;}
.routes_con ul li {
    color: #666666;
    font-size: 22px;
    list-style: outside none none;
    padding: 10px 0;
}
.routes_con ul li span{ padding:0 5px; display:table-cell; vertical-align:middle; text-align:center;  }
.rouco{ display:table; width:100%; margin:0 auto; /*border-left:1px solid #E83A3A; border-right:1px solid #E83A3A;*/ }
.rouco span{ width:33.33%;}
.rouco img{ }
.elite_offerbox {
    padding: 50px 0 125px;
}
.routes_wrap{
    padding: 50px 0 80px;
}
.down_arrow{ text-align:center;}
.heading_box{ text-align:center; margin:-90px 0  90px; }
.heading_box img{ }

/*=================================footer==========================*/


.footer {
    background-attachment: fixed;
    background-image: url("../images/footerbg.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 100px 0;
    background-position: bottom center;
}

.footbox{}
.footleft{float:left;}
.footleft ul{float:left; width:200px;}
.footleft ul li{ list-style:none;}
.footleft ul li a{ color:#fff; font-size:16px;}
.footright{float:right;}
.socialbox{ color:#fff; text-align:center;}
.socialbox p{ color:#fff;}
.socialbox a{}

.copybox{ color:#fff; font-size:14px; text-align:center; margin:10px 0; }
.scrollToTop {
    bottom: 40px;
    color: #444444;
    display: none;
    font-weight: bold;
    height: 70px;
    padding: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 70px;
    z-index: 111;
}


body{ padding-right: 0 !important;  margin-right: 0!important; position:relative;}

html {
    /*  overflow: hidden;
      height: 100%;*/
}
body {
    /* overflow: auto;
     height: 100%;*/
}

/* unset bs3 setting */
.modal-open {
    overflow: auto;
    margin-right: 0!important;
}
.modal{ right:-20px;}

/*=========================================Search result page start==============================*/


.innner_search_wrap {
    padding: 30px 0 50px;
}


.inner_content {
    background-repeat:no-repeat;
    background-image:url(../images/content_bgleft.jpg), url(../images/content_bgright.jpg);
    background-attachment:fixed;
    background-position:left center, right center;
    background-color:#fff;

}
.conbox_wrap {
    background-color: #ffffff;
    box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    margin-top: -60px;
    min-height: 300px;
    padding: 10px;
    position: relative;
}
.filterbox {
    background-color: #f4f4f4;
    padding: 10px;
    text-align: center;
}
.filterbox_right {
    float: left;
}
.filtertabs:first-child {
    text-align: left;
}
.filtertabs {
    padding: 4px;
    position: relative;
    float:left;
}
.filtertabs .btn-default {
    background-color: #f4f4f4;
    border: 0 none;
}
.filtertabs .caret {
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #dd3349;
}
.dropdown-menu {
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    min-width: 135px;
    padding: 0;
}

.filterbtn {
    background-color: #dd3349;
    border: 0 none;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.filtertabs  .dropdown-menu > li > a {
    background-color: #f4f4f4;
    color: #000000;
}
.filtertabs .dropdown-menu > li > a:focus, .filtertabs .dropdown-menu > li > a:hover {
    background-color: #fff;
    color: #dd3349;
}

.filtertabs .btn-group.open .dropdown-toggle {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none !important;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: none;
    outline: 0 none;
}

/*========================panel menu start===============================*/


.navbar-brand {
    width: 70px;
    height: 50px;
    background: url('http://www.sneaker-mission.com/uploads/3/1/2/7/31279819/5617441.png') no-repeat center center;
    background-size: 50px;
}

.nav-tabs {
    display: inline-block;
    border-bottom: none;
    padding-top: 15px;
    font-weight: bold;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
    border-radius: 0;
}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li {
    padding: 20px 15px 15px;
    border-left: 1px solid #eee;
}
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.filterbox  .navbar-default{ border:0 !important; margin:0; min-height:10px; background-color:rgba(255,255,255,0);}
.filtertabbtn{ background-color:rgba(204,204,204,0); border:0 !important;}


.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
    padding: 20px 15px 15px;
    text-align: center;
    width: 100%;
    top:0;
}
.filter_wrap{ padding:0;}
.filterbox .navbar-default .navbar-collapse, .filterbox  .navbar-default .navbar-form{ padding:0; margin:0;}
.mega-dropdown .caret{ border-top-color:#DD3349; border-width:6px;}

.mega-dropdown-menu button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.filter_container{ width:100%;}
.filter_content{}

.filter_pane{ }
.filter-content .filter_pane{border-left:2px solid #eee; min-height:275px; padding:0 20px;  width:25%; float:left;}
.filter-content .filter_pane:first-child{ border-left:none;}
.filter-content .filter_pane ul { height:175px; overflow:auto;}
.filter_pane h3{ font-size:16px; font-weight:bold;}.filter_pane li{list-style:none; text-align:left;}
.filter_pane li label{ font-size:14px; font-weight:normal !important;  }
.filter-content .btn-block{ padding:20px 0;}

/*==============================panel menu end=============================*/




.sortingmenu{}
.sortingmenu th{ text-align:center; padding:10px 0;}
.sortingmenu th a{ color:#000;}
.sortingmenu th:nth-child(1){
    width:20%;
}
.sortingmenu th:nth-child(2){
    width:40%;
}
.sortingmenu th:nth-child(3){width:20%;}
.sortingmenu th:nth-child(4){width:20%;}
.sortingmenu th a span {
    margin: 0 10px;
}

.sortingbox {}
.sortingbox table {
    margin: 0 auto;
    width: 100%;
}
.sortingbox th {
    padding: 10px 0;
    text-align: center;
}
.sortingbox td:nth-child(1){ width:20%;}
.sortingbox td:nth-child(2){ width:40%;}
.sortingbox td:nth-child(3){ width:20%;}
.sortingbox td:nth-child(4){ width:20%;}
.sortingbox th, .sortingbox td {
    border-bottom: 1px dotted #cccccc;
}
.sortingbox th a {
    color: #333333;
}
.sortingbox th a span {
    margin: 0 10px;
}
.sortingbox th a span {
    margin: 0 10px;
}

.bsbox {
    text-align:center;
}
.bs_icon_left {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px 0 0;
    width: 80%;
}
.bs_icon_left img{ width:50%;}

.bs_text_right h4 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.bs_text_right h5 {
    color: #999999;
    font-size: 13px;
}
.bs_text_right h6 {
    color: #666666;
    font-size: 12px;
}
.timebox {
    padding: 5px 0;
    position: relative;
    text-align:center;
}
.timebox .timeinbox {
    margin: 0 auto;
    width: 200px;
}
.bordingpoint{}
.droppinggpoint{}
.bordingpoint a, .droppinggpoint a {
    font-size: 12px;
    font-weight: normal;
    color:#999 !important;
    text-decoration:underline;
}
.timeinbox_con{ display:table;}

.thours {
    color: #999999;
    font-size: 14px;
    display:table-cell;
}
.tarrive, .tdepart {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display:table-cell;
}
.tarrive a, .tdepart a {
    color: #333333;
}
.tarrow {
    padding: 0 20px;
    display:table-cell;
}
.tdepart {
}
.thours {
    color: #999999;
    font-size: 14px;
}
.seatbox {
    padding: 15px 0;
    text-align: center;
}
.seatbox h4 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    text-align:center;
}
.seatbox img{ width:20px;}
.seatbox .bold{ font-weight:bold;}
.spwrap {
    text-align: center;
}
.selectbtn_box {
    display: inline-block;
}
.selectbtn {
    background-color: #dd3349;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.selectbtn:hover, .selectbtn:focus{ color:#fff; text-decoration:none;}
.pricebox {
    display: inline-block;
    margin-left: 10px;
}
.pricebox h4 {
    color: #dd3349;
    font-size: 18px;
    font-weight: bolder;
    margin: 0;
    text-align:center;
}
.pricebox p, .pbox {
    color: #999999;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
}

.pricebox a:first-child {
    padding-left: 0;
}
.pricebox a:last-child {
    border: medium none;
}
.pricebox a {
    color: #999999;
    font-size: 12px;
    text-decoration: underline;
}
.bdpointbox{ }
.bdpointbox ul li{ list-style:none; font-size:12px; margin:15px 0px;}
.boarding_wrap{}


.modal-header{ position:relative;}
.modal-header .close {
    line-height: 20px;
    margin-top: -2px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
.boarding_wrap .modal-dialog {
    display: table;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
}
.boarding_wrap .modal-content {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    background-color:rgba(255,255,255,0)
}
.boarding_wrap .modal-header {
    border-bottom: 0 none;
    padding:5px;
}
.boarding_wrap .newmodal_wrap {
    background-color: #ffffff;
    border: 1px solid #ccc;
    margin: 0 auto;
    width: 400px;
    box-shadow: 0 0 5px 2px #cccccc;
    -moz-box-shadow: 0 0 5px 2px #cccccc;
    -webkit-box-shadow: 0 0 5px 2px #cccccc;
}
.bdpointbox{ padding:0 20px 20px 20px;}
.boarding_wrap .modal-backdrop.in {
    opacity: 0;
}
.modal.fade.boarding_wrap .modal-dialog {
    transform: none;
    transition: transform 0.3s ease-in 0s;
}
.boarding_wrap h4{ font-size:16px; font-weight:bold; margin:0;}
.refundpobox table{ text-align:center; margin:10px 0; background-color:#f9f9f9;}
.refundpobox table th, .refundpobox table td{ padding:5px; font-size:14px;}
.refundpobox table th{ background-color:#DD3349; color:#fff; font-weight:bold; text-align:center;}

/*================== Seat selection page css===============*/




.backlink_box{ padding:20px; margin:20px 0;}
.backlink_box a {
    color: #666666;
    text-decoration: none;
}
.refundbox{}
.farebox{}
.sdbox{ padding:15px 0; border-bottom:1px solid #ccc;}
.sdbox .seatbox {
    padding: 0;
    text-align: center;
}
.sdbox .pricebox{ margin-left: 0;}
.sdbox .pricebox h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
.sdbox  h4{text-align: left;}
.sdbox .spwrap {text-align: left;}
.tracking_box { color:#777;}
.tracking_box a { color:#777;}

:focus{ border:0; outline:none; box-shadow:none;}

a:focus {
    outline:none;
    outline-offset:0;
    border:0;
}





.seats_diagram_box {
    text-align: center;
}
.seats_selection {
    text-align: center;
}
.selection_markerbox {
}
.lowerseats_box {
    display: inline-block;
    margin: 10px 0;
    width: 225px;
}
.upperseats_box {
    display: inline-block;
    margin: 10px 0;
    width: 225px;
}
.selection_markerbox {
}
.lowerseats_imgbox {
}
.lowerseats_imgbox img {
    width: 100%;
}
.lowerseats_content h4, .upperseats_content h4 {
    color: #999999;
    font-size: 20px;
}
.deck_left {
    float: left;
    width: 42%;
}
.deck_right {
    float: right;
    width: 42%;
}
.deck_right table tr {
    display: block;
    float: left;
    width: 50%;
}
.deck_right table tr {
    display: block;
    float: left;
    width: 50%;
}
.deck_right table tr td {
    /* display: block;*/
}
.deck_left table tr {
    display: block;
}
.deck_left table tr td {
    display: block;
    float: right;
    width: 50%;
}

.seatcontainer {
    background-color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 25px;
    margin: 2px 5px;
    padding: 4px 0;
    width: 25px;
    background-image:url(../images/available_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.selected_seats {
    background-color: #fff;
    color: #ffffff;
    background-image:url(../images/selected_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.booked_seats {
    background-color: #fff;
    background-image:url(../images/booked_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.ladies_seats {
    background-color: #fff;
    background-image:url(../images/ladies_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.ladies_selected_seats {
    background-color: #fff;
    background-image:url(../images/selected_ladies_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.sleeper_seatcontainer {
    background-color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 45px;
    margin: 2px 5px;
    padding: 4px 0;
    width: 25px;
    background-image:url(../images/available_sleeper_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}
.sleeper_selected_seats {
    background-color: #fff;
    color: #ffffff;
    background-image:url(../images/selected_sleeper_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.sleeper_booked_seats {
    background-color: #fff;
    background-image:url(../images/booked_sleeper_seat.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.sleeper_ladies_selected_seats {
    background-color: #fff;
    color: #ffffff;
    background-image:url(../images/ladies_selected_sleeper_seats.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.sleeper_ladies_available_seats {
    background-color: #fff;
    color: #ffffff;
    background-image:url(../images/ladies_available_sleeper_seats.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.lowerseats_content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #e6e6e6 #e6e6e6;
    border-image: none;
    border-radius: 0 0 10px 10px;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    margin: 0 auto;
    width: 170px;
}
.upperseats_content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #e6e6e6 #e6e6e6;
    border-image: none;
    border-radius: 0 0 10px 10px;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    margin: 0 auto;
    width: 171px;
}


.selection_markerbox ul li {
    color: #999999;
    display: inline-block;
    list-style: outside none none;
    margin: 10px 0;
    text-align: center;
}
.bookedseats {
    background-color: #dddddd;
    float: left;
    height: 15px;
    margin: 3px 10px;
    width: 15px;
}
.selection_markerbox ul li {
    color: #999999;
    display: inline-block;
    list-style: outside none none;
    margin: 10px 0;
    text-align: center;
}
.selection_markerbox ul li a{color: #999999;}
.availableseats {
    background-color: #fff;
    float: left;
    height: 15px;
    margin: 3px 10px;
    width: 15px;
    border:1px solid #C08380;
}
.available_ladies_seats{
    background-color: #fff;
    float: left;
    height: 15px;
    margin: 3px 10px;
    width: 15px;
    border:1px solid #00e700;
}
.selectedeseats {
    background-color: #00C1E0;
    float: left;
    height: 15px;
    margin: 3px 10px;
    width: 15px;
}



.bdcon {
    background-color: #ffffff;
}
.bdtab {
    border-bottom: 0 solid #cccccc;
}
.bdtab li {
    margin: 0 8px 10px;
}

.bdcon .tab-content {
    /* border-bottom: 1px solid #000000;
     border-top: 1px solid #000000;*/
}
.bdtab li a {
    background-color: #fff;
    border-radius: 0;
    color: #000000;
    font-size: 18px;
    padding: 2px 10px;
    border-bottom:2px solid #fff;
    font-weight:bold;
    border-left:0;
    border-right:0;
    border-top:0;
}
.bdtab li a:hover, .bdtab li.active a, .bdtab li.active a:hover {
    background-color: #ffffff;
    color: #dd3349;
    font-weight: bold;
    padding: 2px 10px;
    border-bottom:2px solid #dd3349;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
}
.bdcon .tab-pane ul {
    padding: 20px 0;
}
.bdcon .tab-pane ul li {
    list-style: outside none none;
    margin: 0 0 5px;
}
.bdcon .tab-pane ul li a {
    color: #000000;
    font-weight: normal;
    list-style: outside none none;
    border: 0 none !important;
    cursor:pointer;
}
.bdcon .tab-content > .active {
    display: block;
    height: 250px;
    overflow: auto;
    visibility: visible;
    border: 0 none !important;
}

.bdimg { float:left; margin-right:10px;}
.proceedbox { float:right; width:100%; padding:40px 20px; text-align:right;}


/*=========================================fontface generator==============================*/




@font-face {
    font-family: 'newsgoth_lt_btlight';
    src: url('../fonts/news_gothic_light_bt-webfont.eot');
    src: url('../fonts/news_gothic_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/news_gothic_light_bt-webfont.woff2') format('woff2'),
    url('../fonts/news_gothic_light_bt-webfont.woff') format('woff'),
    url('../fonts/news_gothic_light_bt-webfont.ttf') format('truetype'),
    url('../fonts/news_gothic_light_bt-webfont.svg#newsgoth_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_bdxcn_btbold';
    src: url('../fonts/newsgothic-webfont.eot');
    src: url('../fonts/newsgothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/newsgothic-webfont.woff2') format('woff2'),
    url('../fonts/newsgothic-webfont.woff') format('woff'),
    url('../fonts/newsgothic-webfont.ttf') format('truetype'),
    url('../fonts/newsgothic-webfont.svg#newsgoth_bdxcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_btroman';
    src: url('../fonts/tt0047m-webfont.eot');
    src: url('../fonts/tt0047m-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tt0047m-webfont.woff2') format('woff2'),
    url('../fonts/tt0047m-webfont.woff') format('woff'),
    url('../fonts/tt0047m-webfont.ttf') format('truetype'),
    url('../fonts/tt0047m-webfont.svg#newsgoth_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_btitalic';
    src: url('../fonts/tt0048m-webfont.eot');
    src: url('../fonts/tt0048m-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tt0048m-webfont.woff2') format('woff2'),
    url('../fonts/tt0048m-webfont.woff') format('woff'),
    url('../fonts/tt0048m-webfont.ttf') format('truetype'),
    url('../fonts/tt0048m-webfont.svg#newsgoth_btitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_btbold';
    src: url('../fonts/tt0049m-webfont.eot');
    src: url('../fonts/tt0049m-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tt0049m-webfont.woff2') format('woff2'),
    url('../fonts/tt0049m-webfont.woff') format('woff'),
    url('../fonts/tt0049m-webfont.ttf') format('truetype'),
    url('../fonts/tt0049m-webfont.svg#newsgoth_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_btbold_italic';
    src: url('../fonts/tt0050m-webfont.eot');
    src: url('../fonts/tt0050m-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tt0050m-webfont.woff2') format('woff2'),
    url('../fonts/tt0050m-webfont.woff') format('woff'),
    url('../fonts/tt0050m-webfont.ttf') format('truetype'),
    url('../fonts/tt0050m-webfont.svg#newsgoth_btbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'newsgoth_cn_btregular';
    src: url('../fonts/tt0375m-webfont.eot');
    src: url('../fonts/tt0375m-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tt0375m-webfont.woff2') format('woff2'),
    url('../fonts/tt0375m-webfont.woff') format('woff'),
    url('../fonts/tt0375m-webfont.ttf') format('truetype'),
    url('../fonts/tt0375m-webfont.svg#newsgoth_cn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*=========================== custome select  box===========================*/
.custom-control {
    position: relative;
    display: inline-block;
    /* padding-left: 1.5rem;*/
    padding-left: 25px;

    cursor: pointer;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-checkbox .custom-control-indicator {
    border-radius: .25rem;
}
.custom-control-indicator {
    position: absolute;
    /*top: .25rem;*/
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}
.custom-checkbox .custom-control-indicator {
    border-radius: .25rem;
}
.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #DD3349;
}
/*.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E);
}*/
.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image:url(../images/right_tick.png);
}
.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image:url(../images/star_tick.png);
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}






/*=======Registration Start==============================*/


.dropdown-menu {
    /* background-color:#FFEA00;*/
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    min-width: 135px;
    padding: 0;

}
.dropdown-menu > li > a {
    background-color: #7b2ed5;
    color: #ffea00;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #ffea00;
    border: medium none;
    color: #7b2eda;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #ffea00;
    color: #7b2ed5;
}
.subbtn{
    background-color:#DD3349;
    padding:10px 20px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-size:20px;
    border:0;
    border-radius:0;
    font-weight:bold;
}
.subbtn:hover, .subbtn:focus{ color:#fff; text-decoration:none;}
.btn-block .subbtn{ display:block; margin:30px auto;}
.regibox{}
.regibox .modal-header{ border:none;}
.registerbox{}
.loginbox{}
.registerbox h4, .loginbox h4{ font-size:24px; text-align:center;}
.registration_form{}
.login_form{}
/*=======Registration End==============================*/

/*=========================Proceed detail page css start===================================*/


.proceed_detail_wrap{}
.proceed_detailbox{}
.proceed_detailbox table{margin: 0 15px;}
.proceed_detailbox h4{ font-size:14px;}
.proceed_feilds_box { text-align:center;}
.ptextbox{ }
.ptextbox .searchtext{  border:1px solid #ccc; width:100%;}
.ptextor{  margin:10px 0px;}
.passform h4{ font-size:14px; font-weight:bold;}
.proceed_feilds_box .applybtn, .redeembtn {

    color: #ffffff;
    text-transform: uppercase;
    width: 150px;
}
.redeembtn{ background-color: #00c1e0; text-transform: uppercase; }
.makebtn{ background-color:#a0b858;  text-transform: uppercase;}
.newtextbox {
    border: 1px solid #cccccc;
    border-radius: 0px;
    box-shadow: none;
    color: #333333;
    float: none;
    font-size: 16px;
    height: 40px;
    line-height: 26px;
    padding:10px;
}
.ptextbox label {
    float: left;
    margin-right: 10px;
}
.custom-control {
    cursor: pointer;
    display: inline-block;
    padding-left: 25px;
    position: relative;
}
/*=========================Proceed detail page css end===================================*/


/*=========================Modal  css start===================================*/

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 40%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal.right .close{ float:left; color:#DD3349; opacity:1; font-size: 28px; margin-right:10px;}
.textarea{padding: 10px;}
.modal.right .modal-header{ position:fixed; width:100%; background-color:#fff; z-index:1; top:0;}
.modal.right .modal-footer{ position:relative; width:100%; background-color:#fff; z-index:1; bottom:0; text-align:center;}
.modal.right .modal-body{ padding:60px 15px 170px; }
.modal.right .modal-footer h4{    margin-top: 45px;
    float: left;
    font-weight: bold;}


/*=========================Modal  css end===================================*/





/*=========================About page  css start===================================*/

.aboutwrap{ padding:0 20px;}
.aboutwrap h1{ font-size:40px;}
.aboutwrap ol li, .aboutwrap ul li{ font-size:14px; margin:5px 15px;}

.inner-pad{
    padding: 40px 50px;
}

.about-boxes{
    font-size: 16px;
}

.about-boxes .inner-pad {
    padding: 0px 30px;
}

.about-boxes h3{
    margin-bottom: 20px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #FFF;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.about-highlight{
    background: #efefef;
    padding: 25px;
    font-size: 20px;
    margin: 25px 0 50px 0;
}
.about-highlight p{
    font-size: 18px;
}

.about-text-list{
    margin: 20px 0 20px 30px;
    padding: 0;

    list-style-type: none;
}
.about-text-list li {
    background: url(../images/arrow_right.png) no-repeat Left 5px;
    padding-left: 30px;
    font-size: 16px !important;
    padding-bottom: 15px;
}

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

/*=========================About page  css end===================================*/

/*=========================Logistics  css start===================================*/

body.logistics-page {
    background-image: url(../images/bg-logistic.jpg);
}
.logistics-page .search_wrap{
    opacity: 0;
    padding: 100px 0;
}
.logistics-page .elite_offerbox {
    padding: 50px 0 35px;
}
.logistics-page .offerlist_wrap ul li span:first-child{
    float: left;
    margin-right: 15px;
}
.logistics-page .offerlist_wrap ul li span:last-child{
    overflow: hidden;
    display: block;
}

.logistics-page .offerlist_wrap ul {
    width: 33.33%;
}
/*=========================Logistics  css end===================================*/
/*=========================Contact page  css start===================================*/

.contactwrap{}
.contact_form{ padding:40px;}
.textarea {
    height: 150px !important;
    padding: 10px;
}

.address_wrap{ padding:40px; border-top:1px dashed #ccc;}
.locatoinbox{}
.locatoinbox h4{ font-size:18px; font-weight:bold;}
.locationcon{}
.emailbox{ margin:10px 0;}
.contact_icon{
    /*background-color:#a0b858;*/
    padding:8px;
    float:left;
    padding:10px 0;
    position:relative;
    z-index:1;
}

.contact_text {
        /* background-color: #f6f6f6; */
    border: 0 none;
    color: #000000;
    float: left;
    margin-left: -12px;
    padding: 18px;
    text-align: left;
    display: block;
    float: none;
    overflow: hidden;
}
 .contact_text .text {

    border: 0 none;
    color: #000000;
    font-size: 20px;
    line-height: 24px;
     float:left;
}
/*.call{ background-color:#00C1E0;}*/
.locationmap{}

.branch-address .panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    border-radius: 0;
}

.branch-address .panel-default {
    border-color: #dcdcdc;
    border-radius: 0;
}

.branch-address .panel-title a {
    border-color: #DD3349;
    padding: 8px 15px;
    display: block;
}

.branch-address .accordion-toggle{
    display: block;
    background: #f6f6f6
}
.branch-address .panel-body{
    padding: 0;
}
.theme-accordian ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.theme-accordian ul li{
    background: #efefef;
    padding: 10px 15px;
    border-bottom: 1px solid #FFF;
}


/* === Theme Accordian === */
.theme-accordian .panel-group .panel{
    border-radius:0;
    border:none;
    box-shadow:none;
}
.theme-accordian .panel-heading{
    background:#DD3349;
    padding:0;

    border-radius:3px;
}

.theme-accordian .panel-title > a{
    padding:12px 15px;
    outline:0;
    text-decoration: none;
    display:block;
    color:#FFF;
    text-transform:capitalize;
    outline:none;
    position:relative;
}
.theme-accordian .panel-title > a i{
    margin-right:8px;
}
.theme-accordian .panel-body, .theme-accordian-rounded .panel-body{
    padding:20px 0;
}
.panel, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{
    background:none;
    border:none;
    box-shadow:none;
}
.theme-accordian.white{
    background:none;
}
.theme-accordian.white .panel-heading{
    background:#FFF;
}
.theme-accordian.white .panel-title > a{
    color:#343434;
}
.theme-accordian.white .panel-title > a i{
    color:#47bdcc;
}

.theme-accordian-rounded .panel-title > a i{
    width:40px;
    height:34px;
    text-align:center;
    margin-right:12px;
    background:#3c3c3c;
    color:#FFF;
    line-height:34px;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.theme-accordian-rounded .panel-heading{
    padding:0 0 5px 0;

}
.panel-title{
    font-size:14px;
}
.theme-accordian-rounded.circle .panel-title > a i{
    height:35px;
    width:35px;
    line-height:35px;
    background:#47bdcc;

    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
/* === End === */
/*.branch-address .accordion-toggle.collapsed{
  display: block;
  background: #DD3349;

}*/

/*=========================Contact page  css end===================================*/

/*=========================Profile page  css start===================================*/

.profile_wrap{}
.profilebox{ padding:20px;}
.profile_thumb{ float:left;}
.profile_content{ padding:0 20px; float:left;}
.profile_content h2{ font-size:18px; font-weight:bold; margin:0;}
.profile_content h3{ font-size:16px;}
.profile_content h2 img, .profile_content h3 img{ width:15px;}
.raferaldetail{}
.raferaldetail ul li{ list-style:none; font-size:16px; display:inline-block; float:left; padding:0 10px 0 0;}

.tripdetail_wrap{ padding:20px;}
.tripdetail_wrap table{ border:1px solid #ccc;}
.tripdetail_wrap table th, .tripdetail_wrap table td{ padding:10px; font-size:14px;}
.tripdetail_wrap table th{ background-color:#00C1E0; color:#fff; font-size:16px;}
.tripdetail_wrap table tr:nth-child(odd){ background-color:#f6f6f6;}
.triprate{ padding:5px; font-size:14px;}

.editprofile .newtextbox {
    font-size: 14px;
    height: 30px;
    margin: 5px 0;
    padding: 5px;
    width: 200px;
}
.editprofile .profile_content h3 {
    font-size: 16px;
    margin: 10px 0;
}


.ticket_wrap{}
.ticket_box{}

.feedback_wrap{}
.feedbackbox {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    padding: 20px;
}
.feedback_form {
}
.feedbox_title {
    font-size: 20px;
    padding: 0 0 40px;
    text-align: center;
}
.feedbox_con {
}
.feedback_conleft {
    float: left;
    width: 50%;
}
.fcon_title {
    font-size: 24px;
    padding: 20px 0;
    text-align: center;
}
.fcon_body {
}
.fcon_title img {
    width: 70px;
}
.rating-select {
}
.feedstar {
    background-color: #a0b858;
    float: left;
    padding: 8px;
    /* transform: skewX(-20deg);*/
}
.rating_select_btnbox {
    background-color: #00c1e0;
    float: left;
    margin: 0px 0 0;
    padding: 5px;
    /* transform: skewX(-20deg);*/
}
.feedstar_input {
    background-color: #a0b858;
    border: 0 none;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    /* transform: skewX(20deg);*/
    width: 24px;
    height:28px;

}
.rating_select_btnbox .btn-sm {
    background-color: #00c1e0;
    border: 0 none;
    color: #ffffff;
    padding: 8px;
    /* transform: skewX(20deg);*/
}
.feedback_conright {
    border-left: 1px solid #ccc;
    float: right;
    width: 50%;
}
.feedback_form h4{ font-size:14px;}
.rating_select_btnbox .btn-warning {
    color: #ffea00;
}
select option{ padding:5px;}
.form-control:focus {
    border-color: #ccc;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.1);*/
    box-shadow:none;
    outline: 0 none;
}

/*=========================Profile page  css end===================================*/

/*========Media queiries starts==============================*/

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

    .feedstar {padding: 5px;}

    .rating_select_btnbox {padding: 2px;}
    .logo {
        width: 300px;
    }
    .nav>li>a {
        padding: 10px 12px;
    }

}
@media screen and (max-width: 1400px) {
    .logo {
        width: 300px;
    }
    .tabmenu li a {
        padding: 10px 13px;
    }
    .nav>li>a {
        padding: 10px 12px;
    }
}

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

    .wrap {
        margin: 0 auto;
        width: 90%;
    }
    .header {
        padding: 30px 0;
    }
    .searchbox {
        width: 560px;
    }
    .searchtext {
        font-size: 14px;
    }
    .nav>li>a {
        padding: 10px 13px;
    }
    .logo {
        width: 300px;
    }
    .search_feild .input-group-addon, .input-group-btn{ width:52px;}

    .offerbox{ width:630px;}
    .offerlist_wrap ul {
        padding: 0 40px;
    }

}



@media screen and (max-width: 1280px) {
    .offerlist_wrap {
        width: 100%;
    }
    .offerlist_wrap ul {
        padding: 0 20px;
    }
    .logo {
        width: 260px;
    }
    .tabmenu li a {
    font-size: 14px;
    padding: 6px 12px;
}
    body {
        background-size: cover;
    }

    .fcon_body{}
    .fcon_body .col-sm-4, .fcon_body .col-sm-8, .fcon_body .col-sm-5, .fcon_body .col-sm-7{ width:100%;}



}



@media screen and (max-width: 1199px) {
    .logo {
        width: 240px;
    }
    .nav>li>a {
        padding: 10px 6px;
    }
}


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

    .bdtab li a {
        font-size: 14px;
    }
    .logistics-page .search_wrap {
        padding: 40px 0;
    }
}


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

    .logo {
        width: 220px;
    }
    .tabmenu {
        padding: 0 10px;
    }
    .navbar-nav > li > a {
        font-size: 12px;
    }
    .menu {
        padding: 0;
    }

}

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

    .wrap {
        margin: 0 auto;
        padding: 0 15px;
        width: 100%;
    }
    .logo {
        width: 195px;
    }
    .tabmenu li a {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 10px;
    }
    .search_feild {
        background-image: none;
        margin:5px 0;
        height:auto;

        width:50%;
    }
    .search_feild:first-child{ background-image: none; margin:5px 0; width:50%;}
    .serbox{ background-color:rgba(255,255,255,.9); padding:0;}
    .sefeild {
        padding: 0;
    }
    .ser_icon{ padding:0;}
    .search_box{ width:auto; padding:10px 0;}
    .searchbtn {
        padding: 10px 25px;
        width: auto;
        background-color: #f03d3d;
    }
    .revers_icon {
        right: -15px;
        top: 0;
        width: 30px;
    }
    .searchtext {
        font-size: 18px;
        padding: 6px 25px;
    }
    .ser_icon {width: 60px;}
    .search_feild_btn{ width:100%;}
    .search_feild_btn .serbox{background-color:rgba(255,255,255,0) !important;}
    .search_wrap {
        padding: 20px 0;
    }
    .offerlist_wrap ul {
        padding: 0 10px;
    }
    .routesbox {
        width: 600px;
    }
    .contact_form {
        padding: 0;
    }
    .address_wrap {
        padding: 20px 0;
    }
    .contact_text .text {
        font-size: 16px;
    }



    .sortingmenu th:nth-child(1) {
        width: 10%;
    }
    .sortingmenu th:nth-child(4) {
        width: 30%;
    }
    .sortingbox td:nth-child(1) {
        width: 10%;
    }
    .sortingbox td:nth-child(4) {
        width: 30%;
    }

    .bs_icon_left {
        padding: 0;
        width: 100%;
    }
    .bs_icon_left img {
        width: 100%;
    }

    .conbox_wrap {
        margin-top: 20px;
    }
}
@media screen and (max-width: 990px) {

    .bdcon .panel-body ul {
        padding: 0;
    }
    .bdcon .panel-body ul li {
        list-style: outside none none;
        margin: 0 0 5px;
    }
    .bdcon .panel-body ul li a {
        color: #000000;
        font-weight: normal;
        list-style: outside none none;
        border: 0 none !important;
        cursor:pointer;
    }

    .panel-title a {
        display: block;
        padding: 10px;
        width: 100%;
    }
    .bdimg {
        float: none;
        margin-right: 10px;
        width: 100%;
    }
    a:focus {
        border: 0 none;
        outline: medium none;
        outline-offset: 0;
        text-decoration:none;
    }
    .sebox1{ width:30%;}
    .sebox2{ width:70%;}
    .sebox3{ width:100%;}
}

@media screen and (max-width: 860px) {
    .tabmenu li a {
        padding: 5px 6px;
        font-size: 12px;
    
    }
    .logo {
        width: 175px;
    }
}

@media screen and (max-width: 800px) {
    .menu {
        float: right;
        padding: 0;
    }
    .offerlist_wrap ul, .logistics-page .offerlist_wrap ul {
        display: block;
        float: left;
        width: 50%;
    }
    .offerlist_wrap li{ display:table; width:100%;}
    .offerlist_wrap li span:first-child{ width:40px; display:table-cell; vertical-align:middle;}
    .offerlist_wrap li span:last-child{ /*width:80%;*/ display:table-cell;}
    .offerlist_wrap ul:last-child {clear: both;}


    body {
        background-attachment: scroll;
        background-size: auto auto;
    }
    .footer {
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
        padding: 100px 0 0;
    }

    .navbar-collapse{ padding:0;}
    .header {
        padding: 5px 0;
    }
    .heading_box {
        margin: -65px 0 90px;
    }
    .hirebus_icon {
        right: 20px;
        top: -50px;
    }
}

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

    .logistics-page .search_wrap {
        padding: 20px 0;
    }

    .navbar-toggle {
        background-color: #e83a3a;
        margin:0 20px;
        border:0;
    }

    .navbar-toggle .icon-bar {
        background-color: #ffffff;
        height: 4px;
        width: 24px;
    }
    .navbar-header{ padding:0;}
    .menu {
        float: none;
    }
    .header .wrap{ padding:0;}
    .logo {
        padding: 0 0 0 20px;

    }
    .navbar-collapse {
        background-color: #e83a3a;
        /* padding: 20px;*/
    }
    .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .navbar-nav {
        margin: 0;
    }
    .accotbn {
        border: 0 none;
    }
    .routesbox {
        width: auto;
    }

    .searchtoggle{}
    .filtertoggle {
        color: #ffffff;
        margin: 0;
        width: 100%;
        border-radius:0;
    }
    .sortingtoggle{}
    .filter_wrap, .sorting_wrap{ width:100%;}
    .filterbox_right {
        float: none;
    }

    .sortingmenu {
        background-color: #f4f4f4;
        padding: 10px;
        text-align: center;
    }
    .filterbox .navbar-collapse, .sortingmenu .navbar-collapse {
        background-color: #dddddd;
        padding: 20px;
        border:0;
        box-shadow:none;

    }
    .filtertabs {
        text-align: left;
        width: 100%;
        border-radius:0;
    }
    .filtertabs { padding:0; width: 100%;}
    .filtertabs .btn-default {
        width: 100%;
        border-radius:0;
        margin:5px 0;
    }
    .filter_wrap  .btn-group.open .dropdown-toggle {
        background-color: #ffffff !important;
        box-shadow: none;
    }
    .filter_wrap .dropdown-menu {
        width: 100%;
        margin:0;
    }
    .filtertabs:nth-child(3), .filtertabs:nth-child(4) {
        text-align: left;
        width:50%;
    }
    .filterbtn {
        display: block;
        float: none;
        margin: 5px auto;
        text-align: center;
        width: 80%;
    }


    .filtertabbtn{ width:100%;}

    .filter-content{ background-color:#fff;}
    .filter-content .filter_pane {
        width: 100%;
        float:none;
        min-height:190px;
        border-left:0;
        border-bottom:2px solid #eee;
        padding:20px;

    }
    .filter_pane h3{ margin:10px 0;}

    .filter_pane .input-group{ width:100%;}
    .mega-dropdown-menu button.close {
        position: relative;
    }



    .sortingmenu th {
        display: block;
        width: 100% !important;
    }
    .sortingmenu th a span {
        display: block;
        margin: 0;
        width: 100%;
    }
    .sortingmenu th a span:first-child{ margin-bottom:20px;}
    .sortingmenu th:nth-child(1) {
        display: none;
        width: 10%;
    }
    .sortingbox tr{border-bottom: 1px dotted #cccccc;}
    .sortingbox th, .sortingbox td {
        border-bottom: 0;
        display: inline-block;
        float: left;
        padding: 10px;
        width: 50% !important;
    }
    .bs_icon_left img {
        width: 110px;
    }
    .seatbox {
        padding: 0;
        text-align: center;
    }
    .seatbox h4{ margin:0;}

    .sdbox .col-sm-3{ width:20%; display:table-cell; vertical-align:middle; float:left;}
    .sdbox .col-sm-9{width:80%; display:table-cell; vertical-align:middle; float:left;}
    .sdbox h4 {
        text-align: left !important;
    }

    .sebox1{ width:100%; padding:0;}
    .sebox2{ width:100%; padding:0;}
    .sebox3{ width:100%; padding:0; clear:both;}
    .sebox1 .row{ margin:0;}

    .feedback_conright, .feedback_conleft {
        width: 100%;
        border:0;
    }
    .feedstar {
        padding: 7px;
    }
    .rating_select_btnbox .btn-sm {
        padding: 10px;
    }
    .feedback_form h4 {
        font-size: 16px;
    }
    .feedbackbox {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 0;
        padding: 0;
    }
    .profile_thumb {
        float: left;
        text-align: center;
        width: 100%;
    }
    .profile_content {
        padding: 20px;
    }
    .tripdetail_wrap table th{ display:none;}
    .tripdetail_wrap table td{ display:block; width:100%;}
    .tripdetail_wrap td:nth-child(1){ position:relative; padding-top:20px;}
    .tripdetail_wrap td:nth-child(1):before{content:"Date: "; color:#00C1E0; width:75px; float:left; padding:0 5px; font-weight:bold;  }
    .tripdetail_wrap td:nth-child(2){position:relative;}
    .tripdetail_wrap td:nth-child(2):before{content:"Route: "; color:#00C1E0; width:75px; float:left; padding:0 5px; font-weight:bold; }
    .tripdetail_wrap td:nth-child(3){position:relative;}
    .tripdetail_wrap td:nth-child(3):before{content:"Seats: "; color:#00C1E0; width:75px; float:left; padding:0 5px; font-weight:bold; }
    .tripdetail_wrap td:nth-child(4){position:relative;}
    .tripdetail_wrap td:nth-child(4):before{content:"Fare Paid: "; color:#00C1E0; width:75px; float:left; padding:0 5px; font-weight:bold; }
    .tripdetail_wrap td:nth-child(5){position:relative; padding-bottom:20px;}
    .tripdetail_wrap td:nth-child(5):before{content:"Ratings: "; color:#00C1E0; width:75px; float:left; padding:0 5px; font-weight:bold; }
    .tripdetail_wrap table tr:nth-child(2n+1) {
        background-color: #e8f8fa;
        border-bottom:0;
    }
    .tripdetail_wrap table tr:nth-child(2n+1) td{ color:#000;}
    .tripdetail_wrap table tr:nth-child(2n+1) td:before{/*color:#000;*/}
    .profile_thumb input{ margin:10px auto; float:none;}
    .editprofile .newtextbox {
        width: 100%;
    }
    .editprofile  .profile_content {
        clear: both;
        float: none;
        padding: 20px;
        width: 100%;
    }
    .profile_content p{ text-align:center;}
}

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

.offerlist_wrap ul, .logistics-page .offerlist_wrap ul{
        display: block;
        float: left;
        width: 100%;
    }
    .offerlist_wrap ul li {
        font-size: 16px;
        margin: 15px 0;
    }
    .routes_con ul li {
        font-size: 16px;
    }
    .rouco img {
        width: 60px;
    }
    .bx-wrapper {
        padding: 10px 30px;
    }
    .footleft {
        float: left;
        width: 100%;
        padding:10px 0;
    }
    .footer {
        padding: 50px 0 0;
    }
    .footright {
        float: right;
        width: 100%;
    }
    .footleft ul {
        float: left;
        width: 50%;
    }
    h1 {
        font-size: 30px;
    }
    .hirebus_icon {
        /*right: 28px;
        top: -135px;*/
    }
    .search_wrap h2 {
        font-size: 36px;
    }
    .search_wrap {
        padding: 0;
    }
    .down_arrow {
        display: none;
    }
    .contact_icon {
        width: 40px;
    }
    .contact_text {
        padding: 8px 16px;
    }
    .search_box { padding: 10px 0;}

    .heading_box {
        margin: 20px 0;
    }
    .elite_offerbox, .routes_wrap {
        padding: 25px 0;
    }
    body {

        background-image: url("../images/bg_mobile.jpg");
    }

      .inner-pad {
    padding: 40px 0;
}

.about-text-list {
    margin: 20px 0 20px 0px;
    padding: 0;
    list-style-type: none;
}
.aboutwrap ol li, .aboutwrap ul li {
    font-size: 14px;
    margin: 5px 0px;
}
.about-boxes .inner-pad {
    padding: 0;
    margin-bottom: 45px;
}
.about-boxes .inner-pad .text-justify{
  text-align: left !important;
}
}

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

/*    .offerlist_wrap li span:first-child { width: 15%;}

    .offerlist_wrap li span:last-child {width: 85%;}
*/
    .logo {
        padding: 0;
        width: 100%;
        text-align:center;
    }
    .header {
        padding: 0;
    }
    .tabmenu {
        margin: 10px 0;
        padding: 0 15px;
    }
    .navbar-toggle {
        margin: 10px 15px;
    }
    .offerlist_wrap {
        padding: 20px 0;

    }
    .filtertoggle{ margin:0;}

    .bs_icon_left img {
        width: 80px;
    }
    .sortingbox td:nth-child(1) {
        width: 30% !important;
    }
    .sortingbox td:nth-child(2) {
        width: 70% !important;
    }
    .sortingbox td:nth-child(3) {
        width: 30% !important;
    }
    .sortingbox td:nth-child(4) {
        width: 70% !important;
    }

    .timebox .timeinbox {
        margin: 0 auto;
        width: auto;
    }
    .spwrap {
        text-align: left;
    }
    .pricebox {
        display: inline-block;
        margin-left: 0;
    }

    .selection_markerbox ul li {float: left;}

    .search_feild {
        width: 100%;
    }
    .search_feild:first-child {
        width: 100%;
    }
    .revers_icon {
  left: 50%;
  right: 0;
  top: 28px;
  margin-left: -15px;
}

    .hirebus_icon {
        top: -35px;
        width: 80px;
    }

    .refundpobox table th, .refundpobox table td {
        font-size: 12px;
    }

    .scrollToTop {
        bottom: 33px;
        right: 0px;
        padding: 0;
    }


}

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

    .sortingbox td:nth-child(1) {
        width: 100% !important;
    }
    .sortingbox td:nth-child(2) {
        width: 100% !important;
    }
    .sortingbox td:nth-child(3) {
        width: 100% !important;
    }
    .sortingbox td:nth-child(4) {
        width: 100% !important;
    }
    .seatbox h4 {
        text-align: center;
    }
    .spwrap {
        text-align: center;
    }
    .timebox .timeinbox {
        width: 200px;
    }
    .boarding_wrap .newmodal_wrap {
        width: 300px;
    }

    .footleft ul {
        display: table;
        float: none;
        text-align: center;
        width: 100%;
    }
    .footleft ul li {
        display: inline-block;
        list-style: outside none none;
        margin:5px 0;
    }
    .footleft ul li a{ border-right:1px solid #ccc; padding:0 5px; font-size:13px; line-height:14px;}
    .footleft ul li:last-child{ border:0; }
    .backlink_box {
        margin: 0;
    }

}

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


}


