.mage_container {
max-width: 1366px !important;
width: 100% !important;
margin: 0 auto !important;
padding: 15px;
font-size: 16px !important;
}
div.mage_container p {
font-size: 16px !important;
}
div.mage_row {
min-height: 1px;
}
.mage_container ul,
ul.mage_route_list li,
.mage_container label {
display: block;
width: 100%;
}
.mage_container ul {
list-style-type: none;
}
.mage_hidden,
div.mage_hidden {
display: none !important;
}
.mage_error {
background-color: red !important;
color: #fff !important;
}
.mage_disabled {
cursor: no-drop !important;
opacity: 0.2 !important;
pointer-events: none;
} div.mage_container h2,
div.mage_container h3,
div.mage_container h4,
div.mage_container p,
form.mage_form,
.mage_container ul {
margin: 0;
padding: 0;
line-height: 1;
} div.mage_flex,
div[class*="mage_qty"],
div.mage_center_space,
div.mage_row,
div.mage_flex_equal,
div.mage_form_group,
div.mage_form_list_body,
div.mage_customer_info_area label, 
.mage_form_radio label,
button.mage_button,
div.mage_sub_price {
display: -webkit-flex;
display: flex;
}
.mage_flex_equal>* {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mage_center_space,
[class*="mage_qty"],
div.mage_customer_info_area label,
button.mage_button,
div.mage_sub_price {
-webkit-align-items: center;
align-items: center;
}
[class*="mage_qty"],
button.mage_button,
div.mage_sub_price {
-webkit-justify-content: center;
justify-content: center;
}
.mage_center_space,
.mage_form_list_body,
.search_form_horizontal form.mage_form,
.search_form_horizontal div.mage_form_radio {
-webkit-justify-content: space-between;
justify-content: space-between;
}
div.mage_row,
.mage_form_list_body,
.mage_flex_equal,
.mage_book_now_area,
.search_form_horizontal form.mage_form {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
} .mage_search_box_small,
.mage_container img,
form.mage_form .mage_form_control,
.mage_form_group,
button.mage_button,
.mage_sidebar_search_form,
form .mage_form,
form .mage_form_full,
input[type='text'].mage_form_full,
.mage_customer_info_area .mage_form_list {
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
}
ul.mage_route_list {
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}  .mage_container h2 {
font-size: 25px !important;
font-weight: 700 !important;
}
.mage_container h3 {
font-size: 20px !important;
font-weight: 700 !important;
}
.mage_container h4 {
font-size: 18px !important;
font-weight: 700 !important;
}
.mage_route_title {
background-color: #0a4b78;
padding: 10px;
margin: 0 0 15px 0;
}
div.mage_route_title p,
div.mage_route_title div {
text-align: center;
font-size: 22px !important;
color: #fff;
} button.mage_button {
padding: 0 !important;
color: #fff;
background-color: #22D02D;
font-size: 16px !important;
font-weight: 700;
min-width: 144px;
width: 100%;
cursor: pointer;
height: 42px;
text-transform: capitalize;
transition: 0.2s;
border: none;
}
button.mage_button:hover {
background-color: #0FA218;
transition: 0.2s;
}
button.mage_button span {
padding: 0 7px 0 0;
}
button.mage_button:hover,
button.mage_button:focus {
text-decoration: none;
opacity: 0.9;
} .mage_mini_cart:hover {
-webkit-box-shadow: 0 2px 10px #444;
box-shadow: 0 2px 10px #444;
}  .mage_search_box_small {
max-width: 500px;
margin: 0 auto;
padding: 20px;
border: 1px solid #d3d3d3;
background-color: #b30c3b12;
}
div.mage_search_box_small h2 {
margin: 0 !important;
padding: 20px 0 0 0 !important;
color: #000;
}
ul.mage_route_list {
display: none;
position: absolute;
left: 0;
top: 100%;
right: 0;
border: 1px solid #ddd;
z-index: 11;
overflow: auto;
max-height: 300px;
background-color: #F2F2F2;
}
ul.mage_route_list li {
padding: 10px;
cursor: pointer;
border-top: 1px solid #ddd;
margin: 0;
}
ul.mage_route_list li span {
padding: 0 7px 0 0;
}
ul.mage_route_list li:first-child {
border-top: none;
}
.mage_search_box_sidebar {
width: 100%;
max-width: 300px;
}
.mage_sidebar_search_form {
padding: 15px;
border: 1px solid #ddd;
}
.mage_search_area {
width: 100%;
max-width: calc(100% - 315px);
margin: 0 0 0 15px;
}
.mage_search_list {
padding: 20px;
border: 1px solid #e4e4df;
margin: 8px 0 0 0;
background-color: #f5f5f5;
}
.mage_search_list.theme_minimal {
padding: 0;
border: 1px solid #d3d3d3;
margin: 0;
background: #b30c3b12;
}
.mage_search_list button.mage_button {
min-width: 150px;
} form.mage_form {
display: block;
}
.mage_form_list {
margin: 15px 0 0 0;
}
form.mage_form .mage_form_control,
form .mage_form_full {
width: 100%;
border: 1px solid #ddd !important;
padding: 5px 15px !important;
height: 40px !important;
color: #222;
font-size: 16px !important;
}
form.mage_form label {
color: #555;
font-weight: 500;
padding: 0;
margin: 0;
}
form.mage_form label span {
padding: 0 7px 0 0;
}
form.mage_form .mage_form_list .mage_form_control:focus {
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-color: #ddd;
}
form.mage_form .mage_form_list .mage_form_control:focus~ul.mage_route_list {
display: block;
}
.mage_form_group {
max-width: 140px;
border: 1px solid #ddd;
margin: 0;
background-color: #f7f7f7;
text-align: center;
}
div.mage_form_group .mage_form {
width: 50%;
border-top: none;
border-bottom: none;
text-align: center;
height: 40px;
font-size: 18px !important;
padding: 0 !important;
}
div.mage_form_group .mage_form:focus,
form .mage_form:focus,
form .mage_form_full:focus {
border: 1px solid #aaa;
}
[class*="mage_qty"] {
width: 25%;
color: #777;
font-size: 14px !important;
cursor: pointer;
}
.mage_customer_info_area .mage_form_list {
margin: 15px 0 0 0;
display: none;
border: 1px solid #ddd;
}
div.mage_form_list_title h4 {
background-color: #f5f5f5;
color: #000;
text-align: center;
padding: 10px 0;
font-weight: 600;
font-size: 14px !important;
margin: 0;
}
.mage_form_list_body {
padding: 0 15px 15px 15px;
}
.mage_form_list .mage_form_full,
.mage_customer_info_area label {
margin: 15px 0 0 0; display: inline-block;
font-size: 14px !important;
}
.mage_customer_info_area .mage_form_list label>span {
width: 50%;
display: inline-block; }
.mage_customer_info_area .mage_form_list label .mage_form_full { margin: 0;
}
.mage_form_radio label input {
margin: 0 7px 0 0;
}
.mage_form_list textarea.mage_form_full {
height: auto !important;
padding: 15px !important;
}
.search_form_horizontal {
background-color: #fff;
padding: 15px 15px 15px 15px;
border: 1px solid #ddd;
}
div.mage_container .search_form_horizontal h2 {
margin-bottom: 20px;
}
.search_form_horizontal form.mage_form .row {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.search_form_horizontal form.mage_form .mage_form_list {
margin: 5px;
display: flex;
flex-direction: column;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search_form_horizontal div.mage_form_radio,
.search_form_horizontal div.mage_form_search {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.search_form_horizontal form.mage_form label {
font-size: 16px;
position: relative;
margin-bottom: 5px;
margin-top: 5px;
color: #000;
width: auto;
}
.search_form_horizontal form .mage_form_control {
font-size: 14px !important;
width: 100%;
height: 50px !important;
}
.search_form_horizontal form .mage_form_control.error {
border: 1px solid red !important;
}
.search_form_horizontal form.mage_form label span {
padding: 0;
display: none;
}
.search_form_horizontal button.mage_button { 
border: none;
height: 50px;
} .mage_mini_cart {
position: fixed;
right: 0;
top: 47%;
background-color: #ddd;
padding: 10px;
text-align: center;
min-width: 120px;
} .mage_thumb {
width: 20%;
}
.mage_thumb img {
width: 100%;
height: auto;
max-width: 100%;
}
.mage_bus_details,
.mage_book_now_area .mage_flex_equal {
width: 80%;
}
.mage_bus_info,
.mage_price_info {
padding: 20px;
margin: 0 0 0 15px;
border: 1px solid #d3d3d3;
background: #fff;
}
.mage_price_info .mage_center_space {
margin: 0 0 7px 0;
}
.mage_book_now_area {
margin: 15px 0 0 0;
}
.mage_sub_price,
.mage_book_now {
padding: 0 0 0 15px;
}
div.mage_container p.mage_sub_total {
text-align: center;
font-size: 18px !important;
}
div.mage_container p.mage_sub_total strong {
margin-left: 10px;
}
.mage_search_list {
border-color: #039f25;
}
.return_title {
margin: 15px 0 15px 0;
}
p.already_cart {
font-size: 20px !important;
font-weight: 700;
color: #1aa638;
margin: 15px 0 0 0 !important;
}
p.already_cart span {
margin: 0 7px 0 0;
}
div.mage_bus_info p:not(div.mage_center_space p),
div.mage_bus_info h3,
.mage_price_info .mage_center_space,
.mage_bus_info .mage_center_space {
margin-bottom: 10px;
border-bottom: 1px dashed #d3d3d3;
padding-bottom: 10px;
}
.mar_b {
margin-bottom: 10px !important;
}
.mar_r {
margin-right: 7px !important;
}
.bor_tb {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px !important;
margin-top: 10px !important;
} .mage_input_select {
position: relative;
}
.search_form_horizontal .mage_input_select {
position: initial;
}
.route-input-wrap {
position: relative;
display: flex;
}
.mage_form .mage_form_radio {
visibility: hidden;
}
.mage_input_select_list,
.mage_input_select_list_static {
display: none;
max-width: 100%;
position: absolute;
left: auto;
top: 85%;
right: auto;
margin: 0 auto;
z-index: 9999;
background: #FFF;
border-radius: 5px;
border: 1px solid #d3d3d3;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 5px;
width: 24%;
}
.mage_input_select_list>ul,
.mage_input_select_list_static>ul {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0;
padding: 0 !important;
}
.mage_input_select_list>ul>li,
.mage_input_select_list_static>ul>li {
flex-basis: 100%;
padding: 10px;
margin: 0px;
border-bottom: 1px solid #f5f5f5; 
border-right: 1px solid #f5f5f5;
}
.mage_input_select_list>ul>li:hover,
.mage_input_select_list_static>ul>li:hover {
color: #fff;
cursor: pointer;
background: #22D02D;
transition: 0.2s;
}
.mage_input_select_list>ul>li span,
.mage_input_select_list_static>ul>li span {
margin-right: 7px;
}
#wbtm_show_msg {
position: absolute;
top: 0px;
right: 0;
margin-bottom: 0 !important;
line-height: .7em;
color: #FFC107;
}
.activeMageSelect:after {
content: '';
position: absolute;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 5px solid #00BCD4;
top: 97%;
left: 0;
display: block;
right: 0;
width: 3px;
margin: 0 auto;
}  .mage-search-res-wrapper .mage-search-res-header,
.mage-search-res-wrapper .mage-search-brief-row {
display: flex;
align-items: center;
}
.mage-search-res-wrapper .mage-search-res-header {
padding: 5px 15px;
background: #EA2330;
border-radius: 0px;
font-size: 18px;
}
.mage-search-res-wrapper .mage-search-brief-row {
padding: 15px 15px 15px;
}
.mage-search-res-wrapper .mage-search-res-header span {
font-weight: 700;
color: #fff9f9;
}
.mage-search-res-header .mage-search-res-header--img,
.mage-search-brief-row .mage-search-res-header--img {
flex-basis: 23%;
margin-right: 2%;
text-align: left;
}
.mage-search-res-header .mage-search-res-header--left,
.mage-search-brief-row .mage-search-res-header--left {
flex-basis: 55%;
display: flex;
align-items: center;
}
.mage-search-brief-row .mage-search-res-header--left p,
.mage-search-brief-row .mage-search-res-header--left span {
font-size: 13px;
padding-left: 5px;
}
.mage-search-res-header .mage-search-res-header--left>span {
flex-basis: 50%;
}
.mage-search-brief-row .mage-search-res-header--left>div {
flex-basis: 50%;
}
.mage-search-res-header .mage-search-res-header--right,
.mage-search-brief-row .mage-search-res-header--right {
flex-basis: 20%;
justify-content: space-between;
display: flex;
}
input#r_date,
input#j_date{width: auto;}
.mage-search-brief-row .mage-bus-detail-action {
background-color: #214c77!important;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
text-transform: capitalize;
width: 100%;
transition: 0.5s;
}
.mage-search-brief-row .mage-bus-detail-action:hover {
background: #fff;
transition: 0.5s;
}
.mage-search-brief-row .bus-title {
line-height: 1.2em;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 20px;
color: #112940;
}
.mage-search-brief-row .mage-bus-stopage {
line-height: 1.4em;
}
.mage-search-brief-row .mage-bus-stopage i {
color: #4CAF50;
}
.mage-search-brief-row .mage-bus-stopage+.mage-bus-stopage i {
color: #ff5722;
}
.mage-bus-booking-wrapper .mage_bus_details {
width: 100%;
justify-content: center;
align-items: center;
}
.mage-bus-booking-wrapper {
padding: 0px;
display: none;
}
.mage-bus-booking-wrapper .mage_bus_info {
padding: 20px;
margin: 0;
flex-basis: 45%;
background-color: #fff;
}
.mage_search_list .mage_bus_info h3 a {
text-decoration: none;
color: #000;
}
.mage-bus-booking-wrapper .mage_bus_info p strong {
min-width: 122px;
display: inline-block;
}
.mage-bus-booking-wrapper .mage_bus_info p {
line-height: 2em;
}
.mage-bus-booking-wrapper .mage_price_info {
flex-basis: 40%;
margin-left: 2%;
padding: 20px;
background: #fff;
max-width: 70%;
padding: 0;
}
.mage_align-items-center {
align-items: center;
}
.mage-bus-booking-wrapper .mage_price_info .mage_bus_details-headings,
.mage-bus-booking-wrapper .mage_price_info .middle-seats-container .mage_center_space,
.mage-bus-booking-wrapper .mage_price_info .mage_book_now_area {
padding: 0px 20px 15px 20px;
}
.mage-bus-booking-wrapper .mage_price_info .mage_bus_details-headings {
background: #f1f1f1;
padding: 10px 20px;
}
.bus_seat_details {
margin: 0 0 10px;
}
.bus_seat_details, .bus_seat_details * {
font-size: 16px;
color: #214c77;
}
input.mage_form.mage_seat_qty.ra_seat_qty {
border-radius: 0 !important;
border-color: inherit;
height: 35px;
}
.bus_ticket_details {
margin: 0 5% 10px 0;
}
.mage-search-res-wrapper--footer {
width: 100%;
height: 20px;
background: #c5c3bb;
border-radius: 0 0 3px 3px;
margin-top: 8px;
}
.single-wbbm_bus .mage_search_list {
padding: 10px;
}
.mage-sm-show {
display: none;
}
.mage-notification-area {
display: flex;
align-items: center;
}
.mage-notification.mage-seat-available {
font-weight: 700;
color: #f40101;
display: none;
}  .mage-tab-hldr .tab-menu ul {
display: flex;
align-items: center; 
justify-content: flex-start;
padding: 0;
}
.mage-tab-hldr .tab-menu ul li { 
}
.mage-tab-hldr .tab-menu ul a {
background-color: #cfe6fb;
color: #192451;
font-weight: 600;
display: inline-block;
padding: 20px;
position: relative;
}
.mage-tab-hldr .tab-menu {
border-bottom: 1px solid #E4E4E9;
margin-bottom: 50px;
}
.mage-tab-hldr .tab-main-box {
width: 100%;
margin: 0 auto;
}
.mage-tab-hldr .tab-box { 
}
.mage-tab-hldr .tab-tech figcaption {
color: #474747;
margin-top: 10px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
.mage-tab-hldr .tab-tech figure {
margin: 0;
}
.mage-tab-hldr .tab-menu ul a::after { 
}
.mage-tab-hldr .tab-menu ul a.active {
color: #ffffff;
background-color: #192451;
}
.mage-tab-hldr .tab-menu ul a.active::after {
opacity: 1;
}
.search_form_horizontal form.mage_form .row.row-removable{
display: none;
}
.search_form_horizontal form.mage_form .row.row-removable.active{
display: flex;
}
.row-removable .mage_form_list.col-1 .fa {
display: block;
cursor: pointer; 
font-size: 20px;
}
.mage_form_control.disabled {
background-color: #ddd !important;
opacity: 1; 
pointer-events: none;
}
.row-search-hld.for-mobile-only {
display: none !important;
}   .mage_input_select span.fa.fa-caret-down {
position: relative;
left: 94%;
top: -50%;
}
.all-routes-hld {
margin-bottom: 30px;
}
.all-routes-hld .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.text-center {
text-align: center!important;
}
.all-routes-hld .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
position: relative;
width: 100%; 
}
.all-routes-hld .trip-header-box {
margin: 0 auto;
max-width: 90%;
background-color: #fff;
border-radius: 5px; 
padding: 10px 0;
cursor: pointer;
background: #ddd;
}
.all-routes-hld .trip-header-highlight {
color: #0d0d0d!important;
background-color: #ffd485;
border:2px solid #214c77;
}
.p-2 {
padding: 0.5rem!important;
}
.remove-more .fa-times {
color: #ff0000;
} @media only screen and (max-width: 1200px) {
.mage_search_box_sidebar {
max-width: 100%;
}
.mage_search_area {
max-width: 100%;
margin: 15px 0 0 0;
}
.mage_sidebar_search_form form.mage_form {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.mage_sidebar_search_form form.mage_form .mage_form_list {
width: calc(33% - 15px);
}
.mage_route_title p {
font-size: 20px !important;
}
div.mage_form_radio {
padding: 0 0 8px 0;
}
.search_form_horizontal div.mage_form_radio {
padding: 0;
}
div.mage_form_radio,
div.mage_form_search {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
}
}
@media only screen and (max-width: 1100px) {
.search_form_horizontal form.mage_form .mage_form_list {
-webkit-flex: inherit;
-ms-flex: inherit;
flex: inherit;
width: calc(50% - 15px);
}
.search_form_horizontal .mage_input_select {
position: relative
}
.search_form_horizontal .mage_form .row-removable label {
opacity: 10 !important;
height: 20px !important;
}
.search_form_horizontal a.remove-more {
padding-top: 30px;
}
.search_form_horizontal .row-removable {
margin: 20px 0;
}
.mage_input_select_list,
.mage_input_select_list_static {
width: 100%;
}
}
@media only screen and (max-width: 900px) {
.mage-search-brief-row .mage-bus-detail-action{
width:90% !important;
}
.search_form_horizontal form .mage_form_control {
width: 100%;
}
.mage-form-field.mage-form-pickpoint-field select {
float: right !important;
}
.mage_sidebar_search_form form.mage_form .mage_form_list {
width: calc(50% - 15px);
}
div.mage_flex_equal.mage_bus_details>* {
-webkit-flex: inherit;
flex: inherit;
width: 100%;
}
div.mage_flex_equal .mage_price_info,
.mage-bus-booking-wrapper .mage_price_info {
margin: 15px 0 0 0; border: 1px solid #d3d3d3;
}
.bus_ticket_details {
margin: 0 10px 10px 0;
}
.mage_container h3 {
font-size: 20px !important;
}
.mage_route_title p {
font-size: 18px !important;
}
div.mage_container p,
.mage-form-field.mage-form-pickpoint-field label,
.mage_search_list .mage_book_now_area .mage_sub_total div,
div.mage_form_group .mage_form,
.mage-form-field.mage-form-pickpoint-field select,
.mage_form_list .mage_form_full,
button.mage_button,
.mage-search-brief-row .mage-bus-detail-action,
.mage-search-res-wrapper .mage-search-res-header {
font-size: 18px !important;
}
.mage-bus-detail-action-division .mage-bus-detail-action{
width:100% !important;
margin-top: 20px;
}
.mage_book_now_area .mage_thumb,
.mage_book_now_area .mage_flex_equal {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.mage_input_select_list>ul>li,
.mage_input_select_list_static>ul>li {
flex-basis: 100%;
padding: 10px;
}  
.mage-bus-booking-wrapper .mage_price_info { 
max-width: 100%;
}
}
@media only screen and (max-width: 700px) {
.xs_not_flex {
display: block !important;
}
.xs_not_flex .mage_bus_details,
.xs_not_flex .mage_thumb {
width: 100%;
}
.mage_bus_info,
.mage_price_info {
border: none;
margin: 15px 0 0 15px;
padding: 0;
}
}
@media only screen and (max-width: 600px) {
.time-division {
align-self: center; }
div.mage_center_space{
flex-wrap: nowrap !important;
align-items: center !important;
flex-direction: column !important;
}
div.bus_seat_details{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
align-content: space-around;
justify-content: space-between;
}
div.mage_container p{font-size:17px !important;}
div.cap {
align-self: center;
}
.imagedivision {
display: flex;
justify-content: space-evenly;
margin: 0;
padding: 0;
width: auto;
flex-direction: row;
align-content: space-around;
align-items: center;
}
.imagedivision p {
width: 100%;
text-align: center;
margin: 10px 0;
border: 1px solid black;
padding: 3px 15px;
border-radius: 20px;
box-sizing: border-box;
}
.imagedivision img {
margin-right: 0;
margin-bottom: 3px;
width: 18px;
}
.gallery-container { text-align: center;
justify-content :center;
} .mage-search-res-header--left div,
.mage-search-res-header--right div { margin-bottom: 10px; }
.mage-search-res-header--right div p {
display: inline-block;
}
.mage_book_now_area div.mage_flex_equal>* {
-webkit-flex: inherit;
flex: inherit;
width: 100%;
}
.mage-search-brief-row .bus-title, .imagedivision{
display: flex;
justify-content: center;
}
.mage_sub_price {
margin: 0 0 15px 0;
padding: 0;
}
.mage_book_now {
margin: 0;
padding: 0;
}
}
@media only screen and (max-width: 500px) {
.bus_ticket_details {
margin: 0 0 10px 0;
}
.mage_container {
font-size: 14px !important;
}
.mage_sidebar_search_form form.mage_form .mage_form_list {
width: 100%;
max-width: 100%; 
}
.mage_form_list .mage_form_full,
.mage_customer_info_area label {
width: 100%;
max-width: 100%; 
}
.mage_container h3 {
font-size: 18px !important;
}
.mage_container h4 {
font-size: 15px !important;
}
.mage_form_list .mage_form_full,
.mage_customer_info_area label,
.mage_route_title p,
div.mage_form_group .mage_form {
font-size: 14px !important;
;
}
.mage_form_group {
margin:10px 0;
max-width: 50%;
}
.search_form_horizontal form.mage_form .mage_form_list {
width: 100%; 
max-width: 100%; 
}
.mage-search-res-wrapper .mage-search-brief-row {
padding: 15px 15px 15px;
}
.mage-search-res-wrapper .mage-search-brief-row,
.mage-search-brief-row .mage-search-res-header--left,
.mage-search-brief-row .mage-search-res-header--right {
align-items: initial;
flex-direction: column;
}
.mage-sm-show {
display: inline-block;
min-width: 98px;
}
.mage-search-brief-row .mage-search-res-header--img {
text-align: initial;
margin-bottom: 10px;
}
.mage-search-brief-row .mage-search-res-header--img img {
width: 100%;
}
#farycont .mage-search-brief-row {
height: auto !important; 
}
.mage-search-brief-row .mage-bus-title {
font-size: 1.5em;
line-height: 1em;
margin-bottom: 10px;
}
.mage-bus-booking-wrapper .mage_price_info {
border-left: none;
padding: 0;
margin-left: 0!important;
}
.mage-bus-booking-wrapper .mage_price_info>p>strong {
text-decoration: underline;
}
.mage-search-res-wrapper .mage-search-res-header {
display: none;
}
.mage_bus_info,
.mage_price_info,
div.mage_flex_equal .mage_price_info {
margin: 15px 0 0;
} .row-search-removable{
display: none !important;
}
.row-search-hld.for-mobile-only{
display: inherit !important;
}
.all-routes-hld .col{
flex-basis: content !important;
width:100% !important;
margin-bottom:20px;
}
}
.mage_search_list .mage_book_now_area .mage-notification-area {
width: 100%;
}
.mage_search_list .mage_book_now_area .mage_flex_equal {
display: block;
width: 100%;
margin: 0;
}
.mage_search_list .mage_book_now_area .mage_flex_equal .mage_sub_price {
display: block;
margin: 0;
padding: 0;
}
.mage_search_list .mage_book_now_area .mage_book_now {
display: block;
padding: 0;
}
.mage_search_list .mage_book_now_area .mage_button.mage_book_now {
margin: 0;
margin-bottom: 20px;
height:46px;
}
.mage_search_list .mage_book_now_area .mage_sub_total {
display: flex;
border: 1px solid #d3d3d3;
margin-bottom: 10px;
align-items: center;
}
.mage_search_list .mage_book_now_area .mage_sub_total .mage_subtotal_figure {
margin-left: 5px;
}
.mage_search_list .mage_book_now_area .mage_sub_total div {
padding: 8px;
}
.mage_search_list .mage_book_now_area .mage_sub_total div:nth-child(1) {
background-color: #727272;
color: #fff;
font-weight: bold;
}
.mage-form-field.mage-form-pickpoint-field label {
float: left;
display: inline-block;
width: auto;
}
.mage-form-field.mage-form-pickpoint-field select {
float: right;
display: inline-block;
width: auto;
}
#farycont .mage-search-brief-row{
height:140px;
}
.mage-search-brief-row .bus-title{
border-bottom: 0;
}
.mage-search-res-header--img{
display: flex;
justify-content: center;
}
.mage-search-brief-row .mage-search-res-header--img img {
width: auto;
height: 120px !important;
}
.search_form_horizontal div.mage_form_radio {
display: none;
}
.search_form_horizontal .mage_form .row-removable label {
opacity: 0;
height: 0;
}
.search_form_horizontal div.mage_form_search { 
padding-top: 30px;
}
.search_form_horizontal a.remove-more {
padding-top: 30px;
width: 20px;
}
.mage-form-field select {
font-size: 14px;
}
div.mage_form_list_body .mage_group_input label input{margin:0 10px 0 0;}
div.mage_form_list_body .mage_group_input label{width: auto;
margin: 10px 10px 0 0;}
#loader {
display: flex;
height: 50vh;
align-items: center;
text-align: center;
width: 100%;
justify-content: center;
font-size: 50px;
} @keyframes dotsAnimation {
0%, 20%, 80%, 100% { content: "Loading."; }
40%, 60% { content: "Loading.."; }
50% { content: "Loading..."; }
} #loader::after {
content: ".";
animation: dotsAnimation 1.5s infinite steps(1);
} .popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.popup-content {
background-color: #f9f9f9;
max-width: 300px;
margin: 40vh auto;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
position: relative;
}
.close {
float: right;
cursor: pointer;
position: absolute;
right: 10px;
top: -3px;
font-size: 39px;
} .btn {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.ftt{
margin-top:10px;
border:0 !important;
flex-wrap: wrap;
display: flex;
justify-content: center;
align-items: center;
width:80%;
}
.ftt span{
width: 50%;
margin: 5px 0px;
display: inline-block;
}
.ftt span i{
display: inline;
}
.ftt span p{
display: inline;
}
.kb-row-layout-wrap.kb-row-layout-id2_43f38d-db.alignfull.wp-block-kadence-rowlayout{
z-index:2;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } }
.fa-cutlery:before {
content: "\f0f5" !important;
}