/***************
@mt
Note: add 
@media screen and (min-width: 1024px) { .home-search-bar  {z-index: 99999; } }
in custom.css
****************/
.ferrysublocation-mainbox {
	/*position: relative; */
    background: #fff;
}
ul.sublocation-list {
    display: none;
    background: #fff;
    /* width: 800px; */
	width: 100%;
    position: absolute;
    float: left;
	border: 1px solid #ccc;
	max-height:211px;
	overflow-x:auto;
	top: 40px;
}
#toSubLocation{
   /* border: none; */	
   background: none;
}
span.sublocation-box {
    background: transparent;
    width: initial;
    display: inline-block;
    padding: 10px 30px 0px 8px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    float:left;
    width: 100%;
}
.ferrysublocation-mainbox .SubloactionClose {
    position: absolute;
    right: 18px;
    top: 12px;
}
ul.sublocation-list li {
    float: left;
    /* width: calc(33.33% - 10px); */
	width: 100%;
    background: red;
    margin-right: 14px;
}
ul.sublocation-list > li a {
    padding: 8px;
    background: #ffffff;
    display: block;
    width: 100%;
    color: #1d1f26;
    border-bottom:1px solid #ccc;
    font-size: 13px;
}
ul.sublocation-list > li:nth-child(3n){
	margin-right: 0px;
}
ul.sublocation-list > li a:hover{
    background: #2da5ff;
	color:#fff;
}
.home-search-bar .tab-content .form-group.BusHmesubLocation {
    /* width: initial; */
    padding-right: 12px;
}




/* search list */




/*************************Select box*************************/
.filterSortingTop {
    float: right;
    position: relative;
    top: 7px;
}
.filterSortingTop > label {
    float: left;
    line-height: 34px;
    margin-right: 14px;
    font-size: 14px;
    color: #000;
}
.fryselect {
    position: relative;
    display: block;
    /* margin: 0 auto; */
    width: 138px;
    max-width: 325px;
    color: #cccccc;
    vertical-align: middle;
    text-align: left;
    -webkit-user-fryselect: none;
    -moz-user-fryselect: none;
    -ms-user-fryselect: none;
    user-fryselect: none;
    -webkit-touch-callout: none;
}
.fryselect .placeholder {
    position: relative;
    display: block;
    background-color: #ffffff;
    z-index: 1;
    padding: 0.5em;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #06425c;
    font-size: 14px;
	color: #000;
}

.fryselect .placeholder:hover {
	background: #fff;
}
.fryselect .placeholder:after {
	position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    height: 100%;
    content: '\f078';
    z-index: 10;
    background: #06425c;
    line-height: 30px;
    width: 34px;
    text-align: center;
	color: #FFF;
}
.fryselect.is-open .placeholder:after {
	content: '\f077';
}
.sort-by-section .fryselect.is-open ul {
	display: block;
	background: #06425c !important;
}
.fryselect.fryselect--white .placeholder {
	background: #fff;
	color: #999;
}
.fryselect.fryselect--white .placeholder:hover {
	background: #fafafa;
}
.fryselect.sortName{
	background: #06425c;
    border: 1px solid #fefefe;
    border-bottom: none;
}
.fryselect ul {
	display: none;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 100;
	max-height: 120px;
}
.fryselect ul li {
    display: block;
    text-align: left;
    padding: 8px 10px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
}
.fryselect ul li:hover {
	background: #0b5c80;
	color: #fff;
}
.filterSortingTop > div {
    float: left;
    margin-right: 16px;
}


/*************************\\\\Select box\\\*************************/



#grid-popup-body-div .mt-tabs , .bus-searchfare .mt-tabs, .mt-tabsOuter {
    float: left;
    width: 100%;
    z-index: 999;
    position: relative;
    border-bottom: 1px solid #06425c;
}
#grid-popup-body-div .mt-tabsContent , .bus-searchfare .mt-tabsContent, .mt-tabsContentOuter {
    float: left;
    width: 100%;
	z-index: 99;
    position: relative;
    top: -4px;
}
#grid-popup-body-div .mtNav-tabs > ul > li , .bus-searchfare .mtNav-tabs > ul > li ,.mtNav-tabsOuter > ul > li {
    /* background: #424242; */
    margin-bottom: 0;
    padding: 5px 16px;
    border: 1px solid transparent;
    text-align: center;
    color: #06425c;
    font-size: 14px;
    border-left: 1px solid #fff;
    width: initial;
    float: left;
    cursor: pointer;
}
/* .bus-searchfare .mtNav-tabs > ul > li:hover,.mtNav-tabsOuter > ul > li:hover {
    background: #fbfbfb;
} */
#grid-popup-body-div .tabAllContent , .bus-searchfare .tabAllContent, .tabAllContentOuter {
    padding: 6px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    min-height: 144px;
}
#grid-popup-body-div .tabAllContent > ul > li  , .bus-searchfare .tabAllContent > ul > li , .tabAllContentOuter > ul > li {
    float: left;
    width: 100%;
    background: #fbfbfb;
    display: none;
    padding: 8px 12px;
    color: #000;
	margin-top: 6px;
}
.tabAllContentOuter > ul > li {
	background: none;
    padding: 0;
}
#grid-popup-body-div .tabAllContent > ul > li.active , .bus-searchfare .tabAllContent > ul > li.active, .tabAllContent > ul > li.active > ul > li, .tabAllContentOuter > ul > li.active > ul > li, .tabAllContentOuter > ul > li.active {
	display: block;
}
.mtNav-tabsOuter > ul > li {
    background: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active , .bus-searchfare .mtNav-tabs > ul > li.active,.mtNav-tabsOuter > ul > li.active{
    border-right: none;
    position: relative;
    background: #06425c;
    color: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active span , .bus-searchfare .mtNav-tabs > ul > li.active span, .mtNav-tabsOuter > ul > li.active span{
    color: #fff;
}
#grid-popup-body-div .mtNav-tabs > ul > li.active:after , .bus-searchfare .mtNav-tabs > ul > li.active:after,.mtNav-tabsOuter > ul > li.active:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #06425c transparent transparent transparent;
    bottom: -10px;
    left: 45%;
}
#grid-popup-body-div .mt-tabcontainer , .bus-searchfare .mt-tabcontainer ,.mt-tabcontainerOuter {
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
    background: transparent;
    padding: 0;
}
#grid-popup-body-div .mt-tabcontainer > h2 , .bus-searchfare .mt-tabcontainer > h2,.mt-tabcontainerOuter > h2 {
	margin-bottom: 4px;
    border-bottom: 2px solid #e4e4e4;
    color: #ff7800;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 4px;
    margin-top: 12px;
}
#grid-popup-body-div .mtNav-tabs > ul > li:first-child  , .bus-searchfare .mtNav-tabs > ul > li:first-child ,.mtNav-tabsOuter > ul > li:first-child {
    border-left: 0;
}
#grid-popup-body-div .mtNav-tabs > ul > li:last-child , .bus-searchfare .mtNav-tabs > ul > li:last-child ,.mtNav-tabsOuter > ul > li:last-child {
    border-right: 0;
}
#grid-popup-body-div .mtNav-tabs li i , .bus-searchfare .mtNav-tabs li i ,.mtNav-tabsOuter li i {
    font-size: 16px;
    position: relative;
    left: -4px;
}
#grid-popup-body-div .mtNav-tabs > ul > li > span , .bus-searchfare .mtNav-tabs > ul > li > span ,.mtNav-tabsOuter > ul > li > span {
    color: #06425c;
}
#grid-popup-body-div .tabAllContent > ul > li div#dldescription p , .bus-searchfare  .tabAllContent > ul > li div#dldescription p ,.tabAllContentOuter > ul > li div#dldescription p {
    font-size: 14px;
}
.searchresultsDiv.list-group-item article.box.Hotel-search-holder span.info-h-text{
    z-index: 9999;
}
.busDetailHolder .item.list-group-item a.sr-emailfare,
.busDetailHolder .item.list-group-item a.sr-facebook,
.busDetailHolder .item.list-group-item a.sr-googleplus {
    z-index: 99999;
}
.description-address {
    padding: 10px 14px 0;
}
div#grid-detail-popup .description-address {
    padding: 10px 0 0;
}
.description-address > h3 {
    margin-bottom: 4px;
    color: #ff7800;
}
.description-address h5 {
    color: #2da5ff;
}
.modal-backdrop.in {
    z-index: 10000;
    overflow-y: auto;
}
.modal {
    overflow-y: hidden;
	z-index: 10010;
}
.modal-body {
    position: relative;
    padding: 20px;
    max-height: 550px;
    overflow-y: auto;
} 
body.modal-open {
    overflow-y: scroll;
   /*  position: fixed; */
    margin: auto;
    left: 0;
    width: 100%;
}
.modal i.fa.fa-map-marker {
    color: #ff8417;
    font-size: 14px;
    margin-right: 2px;
}
.busDetailHolder .sort-by-section.box.only-tiles.htlSorting {
    background: #f9f9f9;
    margin-bottom: 0px;
    z-index: 999999;
}
.busDetailHolder .sort-by-section ul {
    background: #fcfcfc;
    border: 1px solid #fefefe;
    border-bottom: none;
}
.ferrySearchList .lHotelCount {
    float: left;
    width: auto;
    font-size: 16px;
    line-height: 47px;
    margin-left: 12px;
    color: #06425c;
}
.filterDrpdwnBtn {
	position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    height: 0;
}
.busFilterdrpr {
    width: 12%;
    margin: auto;
    background: #2da5ff;
    margin-top: 2px;
    padding: 6px 8px;
    font-size: 16px;
    letter-spacing: 0.2px;
    border-radius: 0 0 20px 20px;
    cursor: pointer;
}
.busFilterdrpr:before {
    content: "\f0b0";
    font-family: fontawesome;
    position: relative;
    left: -8px;
    font-size: 18px;
}
.busDetailHolder .item.list-group-item article.box {
    margin: 0;
    border-bottom: 1px solid #ebf2f7;
    width: 100%;
    padding: 9px 10px;
	overflow:hidden;
}
.filterDrpdwnBtn .session_counter {
    float: right;
    top: -31px;
    position: relative;
    background: #06425C;
    padding: 2px 20px;
    right: 19%;
    z-index: 0;
    font-size: 12px;
    color: white;
    pointer-events: none;
    width: 280px;
    margin: auto;
    border-radius: 0 0 6px 6px;
}
.ferryListCnt p.mainListDesc i {
    font-style: normal;
    color: #2da5ff;
    cursor: pointer;
}
section#content.busDetailHolder {
    padding-top: 62px;
}
.modify-hotel .modify-on-ret > div strong {
    font-size: 13px;
    position: relative;
    top: 2px;
}
.modify-hotel .modify-passengers > span > strong{
    font-size: 14px;
	margin-right: 4px;
}
.searchResultIs.buslListCnt {
    float: left;
    width: 100%;
    margin-top: 12px;
}
article.box.bus-search-holder figure span {
    margin: auto;
}
article.box.bus-search-holder figure span.bs-busName {
	float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #000;
    padding: 0 2px;
	position: relative;
    top: 6px;
}
.details .details-wrapper.bus-destination {
	width: 75%;
    float: left;
    font-size: 13px;
    margin-top: 6px;
    position: relative;
    left: 22px;	
}
.details .seatSet {
    width: 25%;
    float: left;
	text-align: center;
}
.details-wrapper.bus-destination > div {
	float: left;
    width: 30.33%;
    text-align: center;
	margin-top:18px;
}

.details-wrapper.bus-destination .bod-time {
    background: #06425c;
    color: #fff;
    width: 94px;
    margin: auto;
    font-size: 15px;
    padding: 4px 0;
    padding: 4px 0;
}
.box-odSep > div {
    float: left;
    width: 100%;
}
.box-odSep > div.bo-divider {
    height: 1px;
    background: #06425c;
    width: 93%;
    position: relative;
}
.multiselect,.busSearch-filter-all .btn-group {
	width: 100%;
}
.busSearch-filter-all .selectBox {
	position: relative;
}
.busSearch-filter-all .selectBox select {
	width: 100%;
	font-weight: bold;
	float: right;
}
.busSearch-filter-all .overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.busSearch-filter-all .searchFilterChkbox {
	display: none;
	border: 1px #dadada solid;
}
.busSearch-filter-all .HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default span {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
    color: #ffffff;
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px;
}
.busSearch-filter-all .searchFilterChkbox label {
	display: block;
}
.busSearch-filter-all .searchFilterChkbox label:hover {
	background-color: #1e90ff;
}
.busSlctBx button.multiselect.dropdown-toggle.btn.btn-default {
    background: none;
    border: none;
    color: #fff;
    text-align: left;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ffffff;
	padding-left: 2px;
	position:relative;
}
.busSlctBx .open > .dropdown-menu {
    display: block;
    width: 100%;
    padding-top: 10px;
}
.busSlctBx .btn .caret {
    margin-left: 0;
    float: right;
    right: 0;
    position: absolute;
    color: #2da5ff;
    top: 20px;
}
.busSlctBx > b {
    float: left;
    width: 100%;
    color: #2da5ff;
}
.row.busSearch-filter-all {
    padding: 18px 30px;
}
.busSlctBx button.multiselect:before {
    font-family: "soap-icons";
    font-size: 20px;
    margin-right: 8px;
    color: #2da5ff;
}
.ferry-oprt .busSlctBx.filtLbloperator button.multiselect:before {
    content: '\f21a';
	font-family:fontawesome;
}
.busSlctBx.filtLblPrice button.multiselect:before {
    content: '\f0d6';
	font-family:fontawesome;
}
.depart-time .busSlctBx.filtLblAmenities button.multiselect:before {
    content: '\f017';
	font-family:fontawesome;
}
.busSlctBx.filtLblPopularity button.multiselect:before {
    content: '\f005';
	font-family:fontawesome;	
}
.busSlctBx.filtLblDestination button.multiselect:before {
    content: '\f041';
	font-family:fontawesome;	
}
.busSlctBx.filtLblSearch .searchHoteltxt {
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    padding: 28px 10px 6px 34px;
    width: 100%;
    font-size: 14px;
	color: #fff;
}
.busSlctBx.filtLblSearch  > b {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 28px 10px 5px 34px;
    width: 100%;
}
.busSlctBx.filtLblSearch i.fa.fa-search {
    position: absolute;
    bottom: 10px;
    font-size: 22px;
    color: #2da5ff;
}
.ferryListCnt .listing-style3.flight figure span img {
    margin: 0;
}
.ferryListCnt .item.list-group-item article.box{
	padding:0;
}
.box-odSep > div.bo-divider:after {
	content:'\f178';
	position:absolute;
	font-family: fontawesome;
	top: -5px;
	right: -6px;
	color: #06425c;
	font-size: 17px;
}
.ferry .details .details-wrapper.bus-destination .bod-destiname {
    color: #ff7800;
    font-weight: bold;
    margin-top: 4px;
    font-size: 16px;
    /* min-height:50px; */
}
.ferry .details .details-wrapper.bus-destination .bo-tottime {
    padding-top: 5px;
    font-weight: bold;
    color: #06425c;
    font-size: 14px;
}
.busSearchModify .modify-drpdwn.slide-up {
    position: absolute;
    width: 100%;
    background: #424242;
    top: 84px;
    float: left;
    z-index: 999;
}
.ferry .bus-circleHolder {
    color: #fff;
    background: #06425c;
    margin: auto;
    box-shadow: 2px 3px 4px rgba(17, 103, 140, 0.64);
    width: 70px;
    height: 70px;
    padding: 17px 0;
    border-radius: 100%;
    text-align: center;
}
.bus-circleHolder > span {
    float: left;
    /* width: 100%; */
    font-size: 14px;
    transform: translate(13px,6px);
    margin-right: 2px;
}
.bus-circleHolder > span.bs-searNo {
    width: 20px;
}
.bus-circleHolder > span.bs-searLabel{
	font-size: 14px;
}
.busList.list-group-item .fd-grdright ul li.fareChangeRound > label > span.price-txt {
    height: 14px;
}
.busList li.fareChangeRound {
    height: 32px;
}
.busList ul.priceDiv li.fareChangeRound {
    border-bottom: 1px solid #ccc;
}
.busList ul.priceDiv li.fareChangeRound:last-child{
    border-bottom: none;
}
.searchfare-details-drpdwn.bus-searchfare {
    float: left;
    width: 100%;
    background: #FBFBFB;
    box-shadow: none;
    display: none;
}
/* .seaters, .seatersDetails {
    width: 156px;
    float: left;
} */
.Busseats,span.navBerth {
    float: left;
    width: 157px;
    margin-right: 46px;
}
span.navBerth {
	text-align:center;
}
span.navBerth {
    text-align: center;
    font-size: 15px;
    color: #2da5ff;
}
.steering-Holder {
    float: left;
    width: 100%;
}
.steering-Holder > span {
    transform: translateX(130px);
    width: initial;
    float: left;
}

ul.seatGrid li > div ,span.seatexpl{
    /* width: calc(27.8% - 15px); */
    height: 30px;
    background: #fbfbfb;
    float: left;
    margin-left: 14px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 8px;
    cursor: pointer;
    display: table-cell;
}
ul.seatGrid li > div.empty {
    visibility: hidden;
}
.frontLabel {
    float: left;
    width: 100%;
    background: #795548;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    margin: 6px 0;
    position: relative;
    top: -4px;
	font-size:16px;
}

ul.seatGrid li > div:first-child { 
   margin-left:0;
}
.windowsLabel.leftView > span {
    float: right;
}
span.seatexpl{
    width: 24px;
    height: 24px;
	margin-right:4px;
}
.seatersDetails-holder span.seatexpl-label {
    font-size: 14px;
    line-height: 24px;
}
.ferry-searchfare .seatersDetails-holder ul li {
    float: left;
    width: initial;
}
span.seatexpl.available_seat,ul.seatGrid li > div.available_seat  {
    background: #fbfbfb;
}
span.seatexpl.occupied_seat ,ul.seatGrid li > div.occupied_seat{
    background: #e21900;
	color:#fff;
}
span.seatexpl.selected_seat,ul.seatGrid li > div.selected_seat{
    background: #4CAF50;
	color:#fff;
}

.sl-detailFareHolder .sl-seatsSlected {
    float: left;
    width: 100%;
    margin-bottom: 0;
    background: #e9f4fc;
    padding: 10px 4px;
    border-bottom: 1px solid #fbfbfb;
}
.sl-seatsSlected > span {
    float: left;
}
.sl-seatsSlected span.sl-seats ul li {
    float: left;
    width: 25px;
    background: #4caf50;
    margin-left: 0;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    padding: 1px 4px;
}
.sl-detailFareHolder {
    font-size: 14px;
}
.sl-detailFareHolder .sl-seatsSlected > span {
	font-size: 14px;
}
.sl-detailFareHolder .sl-seatsSlected > span:first-child {
    width: 76px;
}
.sl-detailFareHolder .sl-seatsSlected .col-sep {
    margin: 0 8px 0 0;
}
.sl-detailFareHolder .sl-note {
    float: left;
    width: 100%;
    font-size: 13px;
    background: #fffcdf;
    color: #000;
    padding: 9px;
}
.detail-droppoint > div {
    float: left;
    width: 48%;
    font-size: 14px;
    margin-right: 12px;
}
.Departinfo_contentHolder span.dropInfoLabel,
.Departinfo_contentHolder span.dropInfoContent {
	padding: 8px 0;
}
.Departinfo_contentHolder span.dropInfoLabel {
    width: 28%;
    float: left;
    padding: 8px 4px;
    color: #00283a; 
}
.Departinfo_contentHolder {
    border: 1px solid #ccc;
    float: left;
	width:100%;
}
.Departinfo_contentHolder div:last-child > span.dropInfoContent,.Departinfo_contentHolder div:last-child > span.dropInfoLabel {
	min-height:70px;
}
.Departinfo_contentHolder span.dropInfoContent {
	width: 72%;
    float: left;
    padding: 8px 4px;
    color: #424242;
	border-left: 1px solid #ccc;
}
.Departinfo_contentHolder > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.Departinfo_contentHolder > div:last-child {
    border-bottom: none;
}
.form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
    width: 12%;
}
.exchangeArrowdiv {
    float: left;
}
.exchngearrow {
    position: relative;
    transform: translate(0,28px);
    color: #fff;
    background: #ff0000;
    padding: 4px 8px;
    border-radius: 17px;
    width: 28px;
	cursor:pointer;
}
.busSearchModify span.modify-search-moreoption-r, 
.busSearchModify span.modify-search-moreoption-o {
    right: 32px;
}
.seatGrid .animated {
	animation-duration: 1s;
  animation-fill-mode: both;
  visibility:initial;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}
.busSearchModify .price-boxes span.from-price, .busSearchModify .price-boxes span.to-price {
    width: 96px;
    margin-right: 8px;
}
.busSearchModify .busSlctBx.filtLblPrice ul.multiselect-container.dropdown-menu {
    height: initial;
	overflow: initial;
}
.busSearchModify  ul.multiselect-container.dropdown-menu label.checkbox input {
    margin-right: 4px;
}
.busSearchModify  .filter-drpdwn {
    top: 83px;
    border-top: 2px solid #383838;
}

ul.seatGrid > li > div {
    float: left;
}

ul.seatGrid > li.berthst,
ul.seatGrid > li.nbSeat{
    float: left;
    width: 25%;
    height: 379px;
    margin-left: 0px;
}

ul.seatGrid > li.berthst > div {
    float: none;
    width: 76%;
    height: initial;
    margin-left: 0;
    min-height: 68px;
}
ul.seatGrid > li.berthst.berth-row-6 > div {
    min-height: 55.2px;
}
ul.seatGrid li.berthWdseats > div:first-child,ul.seatGrid li.berthWdseats > div {
    margin-left: 9px;
}
ul.seatGrid > li.nbSeat > div {       /*  default seat 10 */
    width: 82%;
    float: none;
    margin: 0 auto 7.9px;
    display: block;
}
ul.seatGrid > li.nbSeat.nbseat-row-9 > div {       /*  default seat 10 */
	min-height: 34.2px;;
}
li.rowSeat.seat-col-4 {
    float: left;
    width: 100%;
}
.seatSet .starRating-Holder {
    width: 80px;
    margin: auto;
    margin: 0px auto 4px;
}
.seatSet .starRating-Holder .starAll i:before{
	content: "\f005";
    color: #dedede; /**  #ffd700; **/
	font-size:13px;
}
.busList .search-moreoptions {
    display: none;
}
li.nbSeat.emptySeats > div {
    visibility: hidden;
}
.busAmenities {
    margin: auto;
    width: initial;
    margin-top: 6px;
}
.busAmenities > i {
    width: 12%;
    display: inline-block;
    margin-right: 4px;
}
.busAmenities > i > img {
    width: 100%;
    height: auto;
}
.bus-searchfare .mtNav-tabs li i:before,
.#grid-popup-body-div .mtNav-tabs li i:before{
    font-size: 22px;
    color: #06425c;	
}
.bus-searchfare .mtNav-tabs li.active i:before,
#grid-popup-body-div .mtNav-tabs li.active i:before{
    color: #fff;	
}
.bus-searchfare .mtNav-tabs li i.fa.fa-calendar:before ,
#grid-popup-body-div .mtNav-tabs li i.fa.fa-calendar:before {
    font-size: 17px;
    margin-top: 5px;
    display: inline-block;
}
.bus-searchfare .soap-icon-departure:before,
#grid-popup-body-div .soap-icon-departure:before {
    font-size: 16px;
    color: #06425c;
}
.ferry-searchfare .seatersDetails {
    /* transform: translate(-10px,100%); */
    float: left;
    width: 100%;
	margin:10px 0;
}
.mtNav-tabsOuter > ul > li {
    width: 50%;
    padding: 12px;
    font-size: 16px;
}
.mt-tabsOuter {
    margin-bottom: 27px;
    float: left;
    width: 100%;
}
.mtNav-tabsOuter > ul > li.active:after {
    border-width: 14px 14px 0 14px;
    bottom: -14px;
    left: 45%;
}
.bus-found-txt {
    width: 100%;
}
.bus-found-txt  .emailfare {
    top: 0;
}
.headerTripShow > h4 {
    margin: 0;
    background: transparent;
    padding: 3px 14px;
    color: #06425c;
}
.headerTripShow {
    float: left;
    width: 85%;
    margin: auto;
    text-align: center;
}
.returningButton button.c-button {
    background: #06425c;
    line-height: 48px;
}
.returningButton button.c-button.proccedBus {
    background: red;
}
.returningButton .c-ripple__circle {
	background: rgba(255, 255, 255, 0.44);
}
.busListHeader-holder {
	display: block;
    width: 100%;
    background: #06425c;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
.busListHeader-holder > div {
    display: inline-block;
}
.busListHeader > strong {
    background: #dd4b39;
    padding: 11px 22px 12px;
    font-size: 16px;
    margin-left: -10px;
}
.busListHeader-dest > span {
    font-size: 16px;
    margin: 0 8px;
}
.busListHeaderDate {
    float: right;
    font-size: 16px;
}
.busSearchList.busRoundtrip-Holder {
    margin-top: 40px;
}
.buslListCnt .item.list-group-item {
    padding: 0 15px;
}
.buslListCnt nav.search-left-float {
    top: 0;
}
.bus-searchfare ul.swap-tiles.clearfix.block-sm {
    display: block;
}
.busListHeaderDate > span {
    margin: 0 6px;
}
ul.sublocation-list.disable-cursor {
    border: none;
    background: none;
}
.bus-found-txt {
    width: 100%;
    float: left;
    padding: 20px 0px;
}
div#searchResult{
	float:left;
	padding-top: 0;
}



/* css for 1row 4 seats one empty*/

ul.seatGrid.seats5 li > div {
    margin-left: 3px;
}
ul.seatGrid.seats5 li > div:first-child{
    margin-left: 0;
}




.ferry .item.list-group-item img{
	float:none;
}
.ferry .bo-totimg {
    position: relative;
    top: -5px;
}
.ferry .details .details-wrapper.bus-destination .bo-tottime span{
	color:#ff0100;
}
.ferry .bus-circleHolder > span.bs-searLabel {
    font-size: 14px;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.ferry .bus-circleHolder > span.bs-searNo{
	width:100%;
}
.ferry .box-odSep > div.bo-divider:after {
    font-size: 10px;
	line-height:normal;
}
/* .ferry .box-odSep > div.bo-divider {
    height: 1px;
} */
.ferry .bus-circleHolder > span{
	transform: initial;
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
}
.ferry .form-selectbx select {
    height: 49px;
    background-position: -16px 0;
    background-repeat: no-repeat;
    z-index: 0;
    padding-right: 30px;
}
.ferry span.form-selec:before{
	top:4px;
}
.ferry-logo{
    position: relative;
    top: 40px;
}
.ferry .sl-seatsSlected span.sl-seats ul li,
#grid-popup-body-div  .sl-seatsSlected span.sl-seats ul li{
	width:100%;
}
.ferry span.sl-totFare ,
#grid-popup-body-div span.sl-totFare {
    color: #dc138a;
    font-weight: bold;
    font-size: 18px;
}
.ferry .sl-detailFareHolder .sl-seatsSlected{
	background:transparent;
}
.ferry .searchfare-details-drpdwn.bus-searchfare,.ferry .bus-searchfare .tabAllContent > ul > li, .ferry .tabAllContentOuter > ul > li{
	background:#fff;
}
.ferry span.book_det ,
#grid-popup-body-div span.book_det {
    display: block;
    padding: 5px 0 2px;
    font-size: 13px;
	text-align: right;
}
.ferry .bookingDetectionDiv,
#grid-popup-body-div .bookingDetectionDiv {
    background: #f1f9ff;
    width: 100%;
    float: left;
    padding: 10px;
	font-size:14px;
}
.ferry .bookingDetectionDiv table tr{
    border-bottom: 1px solid #ccc;
    margin: 10px;
}
.ferry .bookingDetectionDiv table tr:last-child{
    border-bottom: none;
}
.ferrycmp p ,
#grid-popup-body-div .ferrycmp p {
    padding: 10px 0;
    font-size: 13px;
    color: #7b7b7b;
}
.ferry .bookingDetectionDivCls .price{
	color: #06425c;
	font-size: 13px;
	display: block;
	padding: 5px 0 2px;
}
.ferry  .bookingDetectionDivCls i{
    color: #06425c;
    font-size: 16px;
	position: relative;
    top: -1px;
}
.ferry .bookingDetectionDivCls .tooltip.top{
	width:initial;
}
.ferry .fare-det{
	border-left:1px solid #ccc;
}
.ferry-logo span.bs-busName {
    font-size: 14px;
}

.fare-det > h4 {
    color: #2da5ff;
}

table#bookingDetectionDiv tr td {
    font-size: 13px;
    color: #7b7b7b;
}
span.book_det .tooltip-inner {
    max-width: 734px;
    padding: 0 5px;
}
span.book_det .tooltip-inner p {
    margin: 0;
}
.depart-time ul.multiselect-container.dropdown-menu{
	height: 114px;
}
/* Grid-view*/
.grid-group-item figure.col-xs-3.col-sm-2 {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.grid-group-item .details.col-xs-6.col-sm-8,.grid-group-item .seatSet.bus-seatsCircle,.grid-group-item .fare-price.col-xs-3.col-sm-2,.grid-group-item .details .seatSet{
	width: 100%;
    padding: 0 10px;
	margin-bottom:5px;
}
.grid-group-item .details .details-wrapper.bus-destination,.grid-group-item .fd-grdright ul li > label{
	width:100%;
}
.grid-group-item .details-wrapper.bus-destination > div{
	width: 100%;
	padding-bottom: 10px;
    margin: 0;
}
.search-result-left .row.grid-group .grid-group-item  .priceDiv,.grid-group-item.busList li.fareChangeRound{
	height:initial;
}
.ferry .grid-group-item .bus-circleHolder{
	width:100%;
	border-radius:0;
	padding:5px 0;
	height: initial;
    float: left;
}
.search-result-left .row.grid-group nav.search-left-float{
	position: absolute;
    left: -10px;
    top: -2px;
    z-index: 999;
}
.grid-group-item .details .details-wrapper.bus-destination{
	left:0;
}
.detail-availability > .row > div {
    padding-top: 20px;
}
.ferry .grid-group-item nav.search-left-float {
    position: absolute;
    left: -10px;
    top: 0;
}
.ferryseatSelect .gba-padding-6 {
    padding: 0;
}
ul.seatGrid {
    display: table;
    width: 100%;
}

ul.seatGrid > li {
    display: table-row;
    width: 100%;
}
.seat3x3, .seat2x2 {
    margin: 0 4px;
	float:left;	
}
.seat3x3,.seat1x1 {
    width: 45%;
}
#grid-popup-body-div .seat3x3, 
grid-popup-body-div .seat1x1 {
    width: 48%;
}
.seat3x0 ul.seatGrid li > div  {
    width: 61px;
}
.seat1x1 ul.seatGrid li > div  {
    width: 58px;
}

.seat3x3 ul.seatGrid li > div {
    margin: 0 0 6px 5px;
    display: table-cell;
    width: initial;
    padding: 0 6px;
    float: none;
}
.seat2x2 {
    width: 35%;
}
.seat2x2 ul.seatGrid li > div {
    width: 24px;
    margin: 0 0 6px 8px;
}



/***************************************************************************************************************************************************************************/


.ferryPdetailPge .bform-ferry-det >div {
    float: left;
    width: 100%;
    margin-bottom: 0px;
	border-bottom: 1px solid #eaeaea;
}
.sb-htldtil-allprice-holder h4{
	padding-top:5px;
}
.ferryPdetailPge .bform-ferry-det > div > span.htl-one {
    width: 100%;
    float: left;
    color: #FF9800;
    font-size: 16px;
}
.ferryPdetailPge span.htl-one {
    padding: 6px 10px;
}
.ferryPdetailPge .bform-ferry-det > div > span {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #645a98;
    padding: 0px 5px;
    margin-top: 5px;
}
.ferryPdetailPge .bform-ferry {
    margin-bottom: 21px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.ferryPdetailPge .bform-ferry h3.box-smallTitle {
    margin-bottom: 0;
}
.ferryListCnt .bform-ferry  .rating {
    border: none;
    float: left;
    margin: auto;
    width: auto;
}
.ferryListCnt .bform-ferry  strong {
    color: #ff7800;
    font-size: 18px;
    font-weight: normal;
}
.ferryPdetailPge .bform-ferry-det > div > span:nth-child(even) {
    padding: 0 0 6px 6px;
}
.ferryPdetailPge .fare-detils .top-headd h4 {
    color: #645a98;
    font-weight: bold;
    float: left;
    margin-bottom: 20px;
}
.ferryPdetailPge .fare-detils .row {
    border-bottom: 1px solid #EEEEEE;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
}
.ferryPdetailPge h6.text-right  {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
}
.ferryPdetailPge .fare-detils h4{
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: normal;
    line-height: normal;
}
.ferryPdetailPge .mCSB_inside > .mCSB_container {
    margin-right: 16px;
}
.tot-price.text-right {
    padding: 0;
}
.tot-price.text-right i{
    text-decoration: none;
	font-style:normal;
}


.sb-htldtil-price {
    margin-bottom: 40px;
	padding: 0;
}
.sb-htldtil-price-holder {
    width: 100%;
    margin: 24px 0;
    float: left;
}
.sb-htldtil-price-holder .price {
    float: left;
    width: 100%;
    text-align: left;
}
.sb-htldtil-price-holder .price > strong {
    font-size: 28px;
}
.sb-htldtil-price-holder .price > i {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-style: normal;
    text-transform: capitalize;
    color: #9E9E9E;
}
span.price > strong > i {
    font-style: normal;
}
table.sidebar-guestdetail thead {
    background: #06425C;
    color: #fff;
    font-size: 14px;
}
table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 6px;
    text-align: center;
}
table.sidebar-guestdetail tbody tr td:first-child {
    text-align: center;
}
table.sidebar-guestdetail thead tr th, table.sidebar-guestdetail tbody tr td {
    padding: 10px 3px;
    text-align: center;
}
table.sidebar-guestdetail {
    font-size: 13px;
    margin: 12px 0;
}
table.sidebar-guestdetail tbody tr:nth-child(even) {
    background: #ecf9ff;
    border-top: 1px solid #ecf9ff;
    border-bottom: 1px solid #ecf9ff;
}
.htld-fullwidth {
    margin-bottom: 2px;
    display: block;
    float: left;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 12px;
}
.htld-fullwidth > strong.pull-left {
    font-size: 16px;
}
span.pull-left.incld-tnf {
    font-size: 11px;
}

.starRating-Holder {
    margin: auto;
    width: 64px;
    position: relative;
    top: -4px;
    float: left;
    margin-top: 6px;
}
.starRating-Holder .starAll i:before{
	content: "\f005";
    color: #dedede; /**  #ffd700; **/
	font-size:13px;
}

/**** star half ***/

.starRating-Holder .starh.starAll i:nth-child(1):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 1 ***/
.starRating-Holder .star1.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 1 half ***/

.starRating-Holder .star1h.starAll i:nth-child(1):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star1h.starAll i:nth-child(2):before {
    content: "\f123";
    color: #ffd700;
}


/**** star 2 ***/
.starRating-Holder .star2.starAll i:nth-child(1):before,
.starRating-Holder .star2.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}

/**** star 2 half ***/

.starRating-Holder .star2h.starAll i:nth-child(1):before,
.starRating-Holder .star2h.starAll i:nth-child(2):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star2h.starAll i:nth-child(3):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 3 ***/
.starRating-Holder .star3.starAll i:nth-child(1):before,
.starRating-Holder .star3.starAll i:nth-child(2):before,
.starRating-Holder .star3.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}


/**** star 3 half ***/
.starRating-Holder .star3h.starAll i:nth-child(1):before,
.starRating-Holder .star3h.starAll i:nth-child(2):before,
.starRating-Holder .star3h.starAll i:nth-child(3):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star3h.starAll i:nth-child(4):before {
    content: "\f123";
    color: #ffd700;
}



/**** star 4 ***/
.starRating-Holder .star4.starAll i:nth-child(1):before,
.starRating-Holder .star4.starAll i:nth-child(2):before,
.starRating-Holder .star4.starAll i:nth-child(3):before,
.starRating-Holder .star4.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}


/**** star 4 half ***/
.starRating-Holder .star4h.starAll i:nth-child(1):before,
.starRating-Holder .star4h.starAll i:nth-child(2):before,
.starRating-Holder .star4h.starAll i:nth-child(3):before,
.starRating-Holder .star4h.starAll i:nth-child(4):before {
    content: "\f005";
    color: #ffd700;
}
.starRating-Holder .star4h.starAll i:nth-child(5):before {
    content: "\f123";
    color: #ffd700;
}

/**** star 5 ***/
.starRating-Holder .star5.starAll i:nth-child(1):before,
.starRating-Holder .star5.starAll i:nth-child(2):before,
.starRating-Holder .star5.starAll i:nth-child(3):before,
.starRating-Holder .star5.starAll i:nth-child(4):before,
.starRating-Holder .star5.starAll i:nth-child(5):before {
    content: "\f005";
    color: #ffd700;
}
.ferryListCnt article.box.Hotel-search-holder .amenities > i img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.htlDetailHolder .search-loader-top {
    position: relative;
    top: -5px;
    padding: 16px 0;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 {
    margin-top: 12px;
    float: left;
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 100%;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li {
    float: left;
    margin-right: 0;
    padding: 0 4px;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li div > img {
    width: 20px;
    height: initial;
    margin-right: 4px;
	float: left;
}
.ferry-details-drpdwn ul.amenities.clearfix.style2 li div {
    padding: 6px 14px;
    float: left;
    min-width: 260px;
    font-size: 14px;
    margin-bottom: 10px;
}
.available-btn ~ a {
    font-size: 12px;
    cursor: pointer;
    color: red;
}
.accordContent .detail-description .description-content p {
    color: #000;
    font-size: 14px;
}

/* .ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .fd-grdleft */

.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner > div {
    float: left;
    width: 100%;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .first-row {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .first-row .fd-grdleft {
    height: 85px;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    padding: 2px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .second-row{
    height: 138px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner .starRating-Holder {
    margin: auto;
    width: 26%;
    position: relative;
    top: -4px;
}
.ferryList.searchresultsDiv.grid-group-item .details-wrapper.ferry-contentListCntiner {
    padding: 6px 5px;
    float: left;
    background: #ffffff;
	width: 100%;
}
.htlSearch-filter-all .HtlSlctBx button.multiselect.dropdown-toggle.btn.btn-default span {
    width: 82%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
    color: #ffffff;
}
.ferryList.searchresultsDiv .list-amenities .amenities {
    height: 20px;
    max-width: 80%;
    overflow: hidden;
    float: left;
}
.ferryList.searchresultsDiv .list-amenities .showmoreAment {
    float: left;
	color: #E21900;
	padding:0 2px;
    cursor: pointer;
    position: relative;
    top: 2px;
}
.ferryFareDetails .faredetectdialog table.bookingDetectionDivCls > tr td:nth-child(odd) {
    width: 29%;
}
.ferryFareDetails .paypalOption, .ferryFareDetails .paymentArea{
	margin:0;
}
.ferryFareDetails .paypalpay > span.paypal-txt select {
    background: none;
    border: 1px solid #ccc;
    margin-left: 10px;
}

.ferryListCnt .sidebar h3.box-smallTitle small {
    color: #2da5ff;
    line-height: 16px;
    width: 80%;
    float: left;
    cursor: pointer;
}
.ferryListCnt .sidebar h3.box-smallTitle i.fa.fa-map-marker {
    color: #ff7800;
    margin-right: 6px;
    position: relative;
    top: -2px;
    float: left;
}
.ferryListCnt .sidebar .fd-grdleft > h4 {
    margin-bottom: 4px;
}
table.sidebar-guestdetail thead tr th span > i {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.ferryListCnt .sidebar .booking-details .other-details dt {
    width: 47%;
	padding: 4px 4px;

}
span.zindex-hr.middle {
    left: 50%;
    padding: 12px 10px;
    box-shadow: 0px 1px 1px 2px #d4d4d4;
    border-radius: 40px;
    background: #2da5ff;
    color: #fff;
}
.person-information > h2 {
    margin-bottom: 32px;
}
button.copyToPassengerContactDtls {
    left: 134px;
}


/* Sk style */
.sublocation-mainbox  i.fa.fa-chevron-down.SubloactionClose{
    float: right;
    position: relative;
    top: 22px;
    color: #fff;
    right: 7px;
}
.sublocation-mainbox {
    border-bottom: 1px solid #fff;
    float: left;
	width:100%;	
}
.ferry .grid-group-item.listing-style3 .box, .listing-style3.box {
    background: #fff;
    margin-bottom: 30px;
    min-height: 535px;
}
.depart-time ul.multiselect-container.dropdown-menu input.form-control.multiselect-search {
    width: 100%;
}
.ferry .item.list-group-item figure span img{
	float:left;
	width:100%;
}
.grid-group-item figure img {
    width: 65%;
}
.ferry .grid-group-item .details .details-wrapper.bus-destination .bod-destiname{
	font-size:14px;
}
.ferry .grid-group-item .bus-circleHolder > span.bs-searLabel{
	font-size: 14px;
    display: block;
    float: left;
    width: 49%;
    text-align: center;
    text-align: left;
}
.ferry .grid-group-item .bus-circleHolder > span.bs-searNo {
    width: 44%;
    float: left;
    text-align: right;
}
.action.srch-price-btn {
    margin-bottom: 10px;
}
.total_fare.sl-seatsSlected span.sl-farelabel{
    font-size: 16px;
    font-weight: bold;	
}
.fare-det {
    float: left;
}
.search-result-left .ferry .grid-group-item .fareChangeRound .price-txt, .busSearchList .ferry .grid-group-item .fareChangeRound .price-txt {
    color: #dc138a;
    width: 100%;
    text-align: center;
}
.search-result-left .ferry .grid-group-item  span.flprice {
    width: 100%;
    text-align:center;
}


/* Media Query */

@media(max-width:1199px){
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(6),form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(7) {
		width:40%;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(5) {
		width:20%;
	}
	.bookingdetail-holder form[action="ferryPnrBlock"] .pssngr-form-datepicker .input__field--fumi{
		font-size:14px;
	}
}

@media(max-width:991px){
	.form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		width: 32%;
		float: right;
		position: relative;
		top: 80px;
	}
	.bus-searchfare ul.swap-tiles.clearfix.block-sm{
		display:none;
	}	
	
	.details .details-wrapper.bus-destination {
		width: 100%;
		float: none;
		left: 0;
		margin: 10px auto;
	}
	.ferry .item.list-group-item figure span img {
		float: none;
		width: 70%;
		margin:0 auto;
	}
	.ferry .item.list-group-item article.box  figure{
		text-align:center;
	    width: 75%;
		float: none;
		margin: auto;
	}
	#ferrySearchForm .roundtrip-tabcont .col-md-3, #ferrySearchForm .oneway-tabcont .col-md-3 {
		width: 48%;
	}
	#ferrySearchForm  .tab-content .form-group.BusHmesubLocation{
		width:50%;
	}
	#ferrySearchForm  div#srch-toggle-dwn-o {
		width: 100%;
		position: relative;
		top: -55px;
	}
	.details .seatSet{
		width:100%;
	}
	.ferry .bus-circleHolder {
		margin: 10px auto;
		width: 100%;
		height: initial;
		padding: 7px 0;
		border-radius: initial;
		float: left;
	}
	.flights-found-txt .emailfare {
		right: -20px;
		float: left;
	}
	.headerTripShow {
		width: 50%;
		text-align: center;
		padding: 20px 0;
	}
	.bus-found-txt {
		padding: 10px 0px 0;
	}
	.details-wrapper.bus-destination > div{
		width:100%;
		margin-top:6px;
	}
	.ferry nav.search-left-float ul li {
		top: 0px;
	}
	.busFilterdrpr.ferryFilterdrpr {
		width: 35%;
	}
	.ferryseatsAvailable{
		float: left;
		width: 100%;
	}
	.seat3x3, .seat1x1 {
		width: 100%;
		display: block;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
	#grid-popup-body-div .seat3x3, #grid-popup-body-div .seat1x1 {
		width: 100%;
	}
	.detail-droppoint > div {
		width: 100%;
	}
	.searchfare-details-drpdwn {
		width: 100%;
		position: relative;
	}
	div#backToFrySearch {
		margin-top: 30px;
	}
	form[action="ferryPnrBlock"] .gobudgetair-box .col-xs-4.col-md-4.gba-padding-6:nth-child(4) {
		clear: left;
	}
	.seat3x3 ul.seatGrid li > div {
		width: 30px;
	}
	.seat1x1 ul.seatGrid li > div {
		width: 72px;
	}
	.ferry .ac-custom span.flprice, .ferry span.flprice {
		padding-right: 0;
	}
	.ferry .bus-circleHolder > span.bs-searNo {
		width: 49%;
		text-align: right;
	}
	.ferry .bus-circleHolder > span.bs-searLabel {
		width: 49%;
		text-align: left;
	}
	.ferry .fd-grdright ul li > label {
		width: 100%;
	}
	.busDetailHolder .search-result-left {
		width: 95%;
	}
	.busSearchModify .modify-drpdwn.slide-up {
		position: relative;
		top: 0;
	}	
}

@media(max-width:767px){
	.form-group.col-sm-6.col-md-2.one-search-btn.bus-btn-mbl {
		width: 100%;
		position: relative;
		top: 157px;
	}	
	#ferrySearchForm .search-moption {
		margin-top: -42px;
	}
	#ferrySearchForm .BusHmesubLocation{
		margin:15px 0;
	}
	#ferrySearchForm .tab-content {
		padding: 2px 10px 104px;
	}
	.exchangeArrowdiv {
		float: none;
		/* width: 100%; */
		text-align: center;
	}
	.exchngearrow {
		transform: initial;
		margin: 0 auto;
	}
	
	.busListHeader-holder {
		padding: 0;
		padding-bottom: 30px;
		text-align: center;
	}
	#ferrySearchForm div#srch-toggle-dwn-o {
		width: 100%;
		position: relative;
		top: 0;
	}
	.busListHeader-holder > div,#ferrySearchForm .roundtrip-tabcont .col-md-3, #ferrySearchForm .oneway-tabcont .col-md-3,#ferrySearchForm  .tab-content .form-group.BusHmesubLocation  {
		width: 100%;
		display: block;
	}
	.busListHeader-dest, .busListHeaderDate{
		padding: 5px;		
	}
	.busListHeader > strong {
		width: 100%;
		display: block;
		text-align: center;
		margin:0;
	}
	.ferrySearchList .lHotelCount {
		width: 100%;
		text-align: center;
		font-weight: 600;
		line-height: normal;
		margin-left: 0;
	}
	.filterSortingTop > label {
		display: block;
		width: 100%;
	}
	.fryselect.htoneselect {
		width: 47%;
	}
	.filterSortingTop .fryselect.htoneselect:last-child{
		margin:0;
	}
	.details-wrapper.bus-destination > div,.filterSortingTop{
		width:100%;
	}
	.busSearchModify .row.busSearch-filter-all{
		margin-bottom:30px;
		padding: 0;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(5) {
		width:100%;
	}
	form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(6),form[action="ferryPnrBlock"] .passengerdetail-holder .gba-padding-6:nth-child(7) {
		width:100%;
	}
	.headerTripShow {
		width: 25%;
	}
	.busDetailHolder .search-result-left {
		width: 100%;
	}
	#grid-popup-body-div .mtNav-tabs > ul > li:last-child, .bus-searchfare .mtNav-tabs > ul > li:last-child, .mtNav-tabsOuter > ul > li:last-child {
		border-right: 0;
		width: 48%;
		padding: 0;
	}	
	#grid-popup-body-div .mtNav-tabs li {
		height: 56px;
	}
	#grid-popup-body-div .mtNav-tabs li i {
		width: 100%;
		float: left;
	}
}
@media (max-width: 320px){
	.fryselect.htoneselect {
		width: 100%;
		margin:10px 0;
	}
	.bus-fSearch-bar .container {
		width: 100%;
	}
	.row.busSearch-filter-all {
		padding: 0;
	}
	span.zindex-hr.middle {
		left: 41%;
	}
}
.detail-availability .ferryseatsAvailable span {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    top: 127px;
    left: 0;
}
.detail-availability  .ferryseatsAvailable .round-loader {margin: auto;position: absolute;left: 0;right: 0;top: 50px;}






.grid-group-item.listing-style3 .searchfare-details-drpdwn {
    display: none !important;
}
div#grid-popup-body-div {
    padding: 10px;
}


@media (max-width: 1199px) and (min-width: 991px){
.filterDrpdwnBtn .session_counter {
    right: 3%;
}
}

@media(max-width: 1199px){

}


@media(max-width: 991px){
.details .details-wrapper.bus-destination {
    /* height: 190px; */
    float: left;
}
.filterDrpdwnBtn .session_counter {
    top: 4px;
    width: 290px;
    margin: auto;
    border-radius: 0;
    float: none;
	right: 0;
}
article.box.bus-search-holder > figure {
    /* height: 166px; */
}
article.box.bus-search-holder figure span.bs-busName {
    /* height: 40px; */
}
.session_counter .sess-timer {
    width: initial;
    font-size: 20px;
}
}
@media (max-width: 767px){

}
@media (max-width: 480px){

}