*{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,Arial,sans-serif;
}
body{
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff!important;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 8px;
    padding-left: 8px;
}
.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -8px!important;
    margin-right: -8px!important;
}
.flex {
    display: flex;
}
.flex-middle {
    align-items: center;
}
.flex-wrap{

    flex-wrap: wrap;
}
.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-center{
   -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.pad-lzero{
    padding-left: 0!important;
}
.mr-24{
    margin-right: 24px;
}
.mr-28{
    margin-right: 28px;
}
.mr-12{
    margin-right: 12px;
}
.fade.in {
    opacity: 1!important;
}
/*Navigation & Search widget*/
.bento-breadcrumb{
    height: 0;
    visibility: hidden;
    margin: 0;
}
.bcommon-nav{
    height: 52px;
    padding: 16px 0 12px;
}
.bento-search-widget{
    padding: 16px 0 12px;
    border-bottom: 1px solid #e6e6e6;
}
.bento-search-widget ul{
    margin: 0;
}
.bento-search-widget ul li{
    padding-right: 8px;
}
.bento-search-widget ul li:last-child{
    padding: 0;
}
.bento-trip {
    min-width: 150px;
}
.bento-search-widget ul li input[type="text"],.bento-search-widget ul li select{
    border:  1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 12px;
    transition: all .2s ease;
    color: #1a1a1a;
    padding: 8px 8px 8px 12px;
    line-height: 16px;
    height:40px;
    width: 100%;
    background: #fff;
}
.bento-search-widget .airports-codes{
    min-width: 175px;
}
.bento-search-widget .calendar{
    min-width: 140px;
}
.d-new-ct-btn{
    background-color: #36c;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    border:  1px solid transparent;
    height: 40px;
    padding: 4px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    transition: all .2s ease;
    min-width: 132px;
}
.d-new-ct-btn:hover,.d-new-ct-btn:focus{
    background-color: #254eaf;
}


/*Bento Main Wrapper*/
.bento-main-content-wrapper{
    flex: 1 1;
}
.bento-left{
    flex-basis: 20.83333%;
    max-width: 20.83333%;
   
    padding-right: 8px;
    padding-left: 8px;
    box-sizing: border-box;
}
.bento-right{
    flex-basis: 79.16667%;
    max-width: 79.16667%;
    padding-right: 8px;
    padding-left: 8px;
    box-sizing: border-box;
}
/*LHS*/
#Rside-bar{
    padding: 20px 0 0;
}
#banner img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.bento-lcard{
    padding-top: 16px;
}
.bento-lcard h3,.bento-lcard h2{
    font-weight: 600;
    color: #1a1a1a!important;
    font-size: 16px!important;
    line-height: 20px;
    margin: 0 0 8px!important;
}
.new-rhs-cards{
    padding-top: 16px;
}
.bento-main-content-wrapper h1{
    font-size: 24px;
}
.bento-main-content-wrapper  .new-rhs-cards h2 a{
     color: #1a1a1a!important;
}
.new-rhs-cards .airport-details{
    font-size: 13px;
    color: #999;
}
.bento-lcard .card-body{
    padding: 0;
    border:  none;
}
.bento-lcard ul li{
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 22px;
}
.bento-lcard .w-100 {
    max-width: 100%!important;
    object-fit: contain
    border-radius: 4px;
}
/*Flight Listing*/
.desk-sorting {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 142px 295px 1fr 217px;
    -ms-grid-columns: 142px 295px 1fr 217px;
    padding: 0 24px;
    border-radius: 4px;
    background-color: #f7f7f7;
    height: 32px;
}
#ui-datepicker-div {
    display: grid;
    align-items: center;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 142px 70px 164px 70px 168px;
    -ms-grid-columns: 142px 70px 164px 70px 168px;
    margin: 0;
}
.desk-sorting a{
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    color: #4d4d4d!important;
    line-height: 20px;
}
.desk-sorting .f-price{
    text-align: right;
    position: relative;
}
.desk-sorting .f-duration{
    text-align: center;
    position: relative;
}
.desk-sorting-time {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 64px 84px 64px;
    -ms-grid-columns: 91px 127px 120px;
    -ms-grid-rows: 24px 36px;
    grid-gap: 40px;
}
.f-price{
    justify-content: flex-end;
}
.main-title{
    font-size: 24px;
    margin: 16px 0;
    color: #4d4d4d;
}
.offers-bar{
    margin: 0 0 16px;
    background: #fef4cc;
    padding: 12px 12px;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 24px;
    border-radius: 4px;
    font-weight: 400;
}
.offers-bar p{
    margin: 0 0 8px;
}
.offers-bar a{
    color: #36c;
}
/*Pricing Slider*/
.bento-slider{
    height: 48px;
    display: flex;
    flex: 1 1;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid #e6e6e6;
}
.bento-slider .bento-pcard{
    text-align: center;
    padding-bottom: 8px;
}
.pcard-date{
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
.pacrd-price{
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 600;
    line-height: 16px;
}
.bento-slider .lowfare{
    color: #46991a;
}
/*Pricing Slider*/
.bento-card{
    transition-duration: .2s;
    min-height: 104px;
    padding: 20px 16px 0;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border:  1px solid #e6e6e6;
    display: grid;
    display: -ms-grid;
    grid-template-rows: 20px 32px 32px;
    -ms-grid-rows: 20px 32px 32px;
    margin: 8px 0 0;
}
.bento-card:hover{
    box-shadow: 0 10px 15px -3px rgba(191,180,180,0.1), 0 4px 6px -2px rgba(191,180,180,0.05%);
}
.ms-grid-column-1 {
    -ms-grid-column: 1;
}
.bento-grid{
   /* display: grid;
    display: -ms-grid;*/
    /*grid-template-columns: 132px 1fr 180px 160px;
    -ms-grid-columns: 132px 380px 180px 160px;*/

    align-items: center;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 142px 295px 1fr 217px;
    -ms-grid-columns: 142px 295px 1fr 217px;
}
.bento-airline-logo{
    padding-right: 12px;
}
.bento-airline-name{
   font-size: 12px;
    color: #4d4d4d;
    line-height: 16px;
    margin-top: 4px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 75px;
}
.bairline-code{
    padding-top: 4px;
    color: #999;
    margin: 0;
}
.ow-tuple-container__details__time {
   /* display: grid;
    display: -ms-grid;
    grid: 24px 36px/146px 146px 1fr;
    -ms-grid-columns: 146px 146px 88px;
    -ms-grid-rows: 24px 36px;*/
    display: grid;
    display: -ms-grid;
    grid-template-columns: 64px 84px 64px;
    -ms-grid-columns: 91px 127px 120px;
    -ms-grid-rows: 24px 36px;
    grid-gap: 40px;
    text-align: center;
    align-items: center;
}
.ms-grid-column-2 {
    -ms-grid-column: 2;
}
.ms-grid-column-3 {
    -ms-grid-column: 3;
}
.bento-airlin-timing{
    font-size: 18px;
    line-height: 24px;
    color: #1a1a1a;
    margin:  0;
    font-weight: 500;
}
.bento-airlin-duration{
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin: 0;
}
.bento-airlin-duration span{
    border-bottom: 1px solid #999;
    display: inline-block;
    padding: 0 0 6px;
    margin: 0 0 8px;
    min-width: 54px;
    text-align: center;
}
.bento-route{
    padding: 8px 0 0;
    margin:  0;
}
.fs-1 {
    font-size: 10px;
    line-height: 12px;
}
.fs-2{
    font-size: 12px;
    line-height: 16px;
    color: #4d4d4d;
}
.fs-2 a{
    color: #36c;
    padding-top: 8px;
    font-weight: 500;
    display: inline-block;
}
.bento-routes{
    display: inline;
}
.bento-stop{
    color: #999;
}
.bento-pricing-wrapper{
    flex-basis: 100%;
    align-items: end;
    text-align: right;
    /*padding-right: 40px;*/
}
.bento-seats{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C2B;
    margin: 0;
    display: block;
}
.bento-pricing{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #1a1a1a;
    margin: 0;
}
.bento-cta-wrapper{
    justify-content: flex-end;
    display: flex;
}
.bento-cta{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    gap: 10px;
    width: 142px;
    height: 40px;
    background: #F77728;
    border-radius: 4px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border:  none;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.coupon-message{
    color: #51b12e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    font-size: 11px;
    line-height: 27px;
}
.bento-fd{
    display: grid;
    grid-template-columns:140px 1fr 1fr;
    -ms-grid-columns: 140px 1fr 1fr;
    border-top: 1px solid #f7f7f7;
}
.bento-fd a,.bento-fd a:hover{
    color: #36c;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}
.bento-main-content-wrapper a{
    color: #36c;
}
.bento-main-content-wrapper h2,.bento-main-content-wrapper h3{
    font-size: 18px;
    margin: 16px 0;
    color: #4d4d4d;
    font-weight: 600;
    text-transform: capitalize;
}
.bento-main-content-wrapper h3{
    pointer-events: none;
}
.bento-main-content-wrapper .content-desc ol{
    padding-left: 16px;
    font-size: 15px;
    line-height: 27px;
}
.bento-main-content-wrapper .faq-cnt ol>p>span{
    opacity: 0.8;
}
.bento-main-content-wrapper strong, .bento-main-content-wrapper  b{
    font-weight: 500;
}
.bento-main-content-wrapper .unique-content{
    font-size: 15px;
    line-height: 27px;
    margin: 24px 0;
    height: auto!important;
} 
.bento-main-content-wrapper .unique-content p{
    margin: 0 0 10px;
}
 .scrolltop {
  display:none;
  width:100%;
  margin:0 auto;
  position:fixed;
  bottom:20px;
  right:10px; 
}
.scroll {
   -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right:32px;
    z-index: 10;
    bottom: -64px;
    position: fixed;
    text-align: center;
    width:48px;
    bottom: 20px;
    height: 48px;
    display: block;
    color: #515151;
    font-size: 24px;
    overflow: hidden;
    line-height: 48px;
    border-radius: 50%;
    outline: none !important;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.scroll:hover {
  background:#fff;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;    
}
.scroll:hover .fa {
  padding-top:-10px;
}
.scroll .fa {
    font-size: 44px;
    margin-top: 1px;
    margin-left: 0px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    align-items: center;
    font-weight: bold;
    color: #f66826!important;
}
/*Footer*/
footer{
    border-top: 1px solid #e6e6e6;
    margin: 40px 0 0;
    padding: 20px 0 ;
    font-size: 14px;
}
footer .secondaryLinks a{
    color: #999;
}
footer .secondaryLinks li{
    padding-bottom: 6px;
    display: inline-block;
}

.hide{
    display: none;
}

/*OLD DOM*/
.sub-title{
    font-size: 16px;
    margin: 8px 0;
    font-weight: 500;
}
.ow-sorting ul{
    display: grid;
    align-items: center;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 142px 70px 180px 70px 175px;
    -ms-grid-columns: 142px 70px 180px 70px 175px;
    margin: 0;
}
.ow-sorting .fa-timing{
    text-align: center;
}
.owd-flights-list{
    transition-duration: .2s;
    min-height: 104px;
    padding: 20px 16px 0;
    position: relative;

    border-radius: 4px;
    border: 1px solid #e6e6e6;
/*    display: grid;
    display: -ms-grid;
    grid-template-rows: 20px 32px 32px;
    -ms-grid-rows: 20px 32px 32px;*/
    margin: 8px 0 0;
}
.owd-flights-list:hover{
    box-shadow: 0 10px 15px -3px rgb(191 180 180 / 10%), 0 4px 6px -2px rgb(191 180 180 / 0%);
}
.owd-flights-list .bento-list{
    display: grid;
    align-items: center;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 142px 330px 1fr 180px;
    -ms-grid-columns: 142px 330px 1fr 180px;
    margin: 0;
}
.owd-flights-list  .airline-routes{
    display: grid;
    display: -ms-grid;
    grid-template-columns: 64px 190px 64px;
    -ms-grid-columns: 91px 190px 120px;
    -ms-grid-rows: 24px 36px;
   
    text-align: center;
    align-items: center;
}
.owd-flights-list .arrival,.owd-flights-list .depart{
    font-size: 18px;
    line-height: 24px;
    color: #1a1a1a;
    margin: 0;
    font-weight: 400;
}
.owd-flights-list .airport-code{
    font-size: 12px;
    line-height: 16px;
    color: #4d4d4d;
}
.owd-flights-list  .airline a{
    color: #36c;
    font-weight: 500;
    font-size: 12px;
    padding-top: 4px;
}
.owd-flights-list .airline span{
    display: inline-block;
    margin: 6px 0 0;
}
.owd-flights-list .timing{
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin: 0;
}
.owd-flights-list .timing span{
    display: block;
}
.owd-flights-list .prices{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #1a1a1a;
    margin: 0;
    flex-basis: 100%;
    align-items: end;
    text-align: right;
}
.ct-btn{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    border: 0;
    color: #fff!important;
    padding: 0.4em 0.95em 0.45em 0.95em;
    border: solid 1px transparent;
    border-radius: 3px;
    background-color: #f86810;
    font-size: 15px;
}
.owd-flights-list .ct-btn,.owd-flights-list .ct-btn:hover{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    gap: 10px;
    width: 142px;
    height: 40px;
    background: #F77728;
    border-radius: 4px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
}

.owd-flights-list .book-section,.owd-flights-list .action-blck{
    justify-content: flex-end;
    display: flex;

}
.owd-flights-list .timing span.t-blcok{
    border-bottom: 1px solid #999;
    display: inline-block;
    padding: 0 0 6px;
    margin: 0 0 8px;
    min-width: 54px;
    text-align: center;
}
.owd-flight-details{
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 32px;
    display: none;
}
.owd-routes-info{
    padding: 16px;
}
.owd-flight-details .owd-routes-info ul{
    display: grid;
    display: -ms-grid;
    grid-template-columns: 120px 160px 1fr 160px!important;
    -ms-grid-columns: 120px 160px 1fr 160px!important;
}
.owd-routes-header {
    border-bottom: 1px solid #f7f7f7;
    align-items: center;
    padding: 12px;
    justify-content: space-between;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
}
.owd-routes-header span{
    color: #808080;
    font-size: 12px;
    padding:0 8px;
    font-weight: 400;
}
.owd-flight-details .air-number,.owd-flight-details .air-class,.owd-flight-details .owd-airname{
    font-size: 12px;
    line-height: 16px;
    display: block;
    color: #999;
}
.owd-flight-details .owd-airname{
    margin: 4px 0 8px;
}
.owd-flight-details .arr-airport,.owd-flight-details .dept-airport{
    font-size: 12px;
    line-height: 16px;
    color: #999;
}
.owd-flight-time{
    text-align: center;
}
.owd-flight-details  .trip-timing{
    display: block;
    margin: 8px 0 0;
}
.owd-flight-details .owd-dt,.owd-flight-details .owd-arr{
    font-size: 20px;
    line-height: 28px;
    color: #1a1a1a;
}
.owd-flight-details .owd-dt span,.owd-flight-details .owd-arr span{
    font-weight: 700;
}
.owd-flight-details .owd-flight-time{
    font-size: 12px;
    line-height: 16px;
}
.owd-flight-details .dpt-dates, .owd-flight-details .arr-dates{
    font-size: 12px;
    margin: 6px 0;
    line-height: 16px;
    color: #4d4d4d;
}
.more-flights ul li {
    width: 32%;
    float: left;
    display: block;
    padding: 0 5px 12px;
}
.more-flights li a {
    color: #36c;
    margin: 0 16px 0 0;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.load_moreBtn,.load_more_mob{
    display: block;
    margin: 32px auto;
    padding: 10px 0;
    gap: 10px;
    width: 142px;
    height: 40px;
    background: #F77728!important;
    border-radius: 4px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border: none;
    outline: none;
    color: #fff!important;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
}
.load_more_mob{
    width: 120px;
    height: 32px;
    margin: 16px auto;
    padding: 6px 0;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   color: #fff;
    background: #2b3a99;
    border: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 16px;
}
#flight-info .nav-tabs,.city-hotels .nav-tabs {
    border: none;
    background: #f7f7f7;
    margin: 0 0 12px;
}
#flight-info .nav-tabs > li.active > a, #flight-info .nav-tabs > li.active > a:hover, #flight-info .nav-tabs > li.active > a:focus {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #2b3a99;
}

.airline-info table.airline-info-table, .airline-info .fare-table, .other-info {
    width: 100%;
    font-size: 14px;
    border: 1px solid rgb(217,217,217,0.3);
    border-collapse: collapse;
}
.airline-info table.airline-info-table td, .fare-table td, .other-info td {
    padding: 12px 8px;
    border-bottom: 1px solid rgb(217,217,217,0.3);
}
.airline-info table.airline-info-table td:nth-child(odd) {
    background: #f7f7f7;
    font-weight: 500;
    border-right: 1px solid rgb(217,217,217,0.3);
    color: #4d4d4d;
}
.hotels-list li{
    transition-duration: .2s;
    height: 80px;
    padding: 8px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    text-align: center;
    justify-content: space-around;
    margin: 0 8px 8px 0;
}

/*Airline Logos Start*/
.carrier-logo {
    background-image: url(https://d2w5af8s1781.cloudfront.net/waytogo-staging/new_images/airline-logo-spirtes.png);
    background-repeat: no-repeat;
    content: '';
    width: 40px;
    height: 30px;
    display: inline-block;
    position: relative;
    background-position: bottom right;
}
.akasa-air{
    background-image: url(https://fastui.cltpstatic.com/image/upload/resources/images/logos/air-logos/QP_2x.png);
    background-size: 36px;
    background-position: left;
}
.R-airline-logo {
    width: 40px;
    float: left;
    height: 30px;
}
.R-airline-name {
    width: 70%;
    float: left;
    padding: 5px 1px 0 5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.indigo,.indigo-airlines {
  background-position: -110px -6px
}

.air-india {
  background-position: -6px -48px
}

.go-air,
.goair {
  background-position: -6px -5px
}

.air-asia,
.airasia,
.airasia-india {
  background-position: -6px -134px
}

.jet-airways {
  background-position: -155px -6px
}

.spicejet {
  background-position: -58px -6px
}

.jetlite {
  background-position: -205px 0
}

.vistara-airlines {
  background-position: -108px -49px
}

.air-costa {
  background-position: -58px -48px
}

.air-india-express {
  background-position: -158px -48px
}

.emirates {
  background-position: -57px -89px
}

.etihad-airways {
  background-position: -10px -89px
}

.british-airways {
  background-position: -105px -89px
}

.qatar-airways {
  background-position: -202px -89px
}

.singapore-airlines {
  background-position: -152px -89px
}

.air-canada {
  background-position: -52px -263px
}

.lufthansa-cargo,
.lufthansa {
  background-position: -105px -130px
}

.american,
.american-airlines {
  background-position: -105px -222px
}

.virgin-atlantic {
  background-position: -10px -221px
}

.united {
  background-position: 0 -260px
}

.cathay-pacific {
  background-position: 0 -177px
}

.srilankan,
.srilankan-airlines {
  background-position: -50px -132px
}

.thai-airways {
  background-position: -152px -132px
}

.malaysia-airlines,
.malaysia {
  background-position: -205px -128px
}

.air-china {
  background-position: -50px -173px
}

.turkish,.turkish-airlines {
  background-position: -54px -299px
}

.china-eastern-air {
  background-position: -0px -337px
}
.indigo {
  background-position: -110px -6px;
}
.air-india {
  background-position: -6px -48px;
}
.go-air,.goair {
  background-position: -6px -5px;
}
.air-asia,.airasia {
  background-position: -6px -134px;
}
.jet-airways {
  background-position: -155px -6px;
}
.spicejet {
  background-position: -58px -6px;
}
.jetlite {
  background-position: -205px 0px;
}
.vistara{
  background-position: -108px -49px;
}
.air-costa{
  background-position: -58px -48px;
}
.air-india-express{
  background-position: -158px -48px;
}
.emirates{
  background-position: -57px -89px;
}
.etihad-airways{
  background-position: 0 -89px;
}
.british-airways{
  background-position: -105px -89px;
}
.qatar-airways{
  background-position: -202px -89px;
}
.singapore{
  background-position: -152px -89px;
}
.air-canada{
  background-position: -52px -263px;
}
.lufthansa-cargo,.lufthansa{
  background-position: -105px -130px;
}
.american,.american-airlines{
  background-position: -105px -222px;
}
.virgin-atlantic{
  background-position: 0 -221px;
}
.united{
  background-position: 0 -260px;
}
.cathay-pacific{
  background-position: 0 -177px;
}
.srilankan,.srilankan-airlines{
  background-position: -50px -132px;
}
.thai-airways{
  background-position: -152px -132px;
}
.malaysia-airlines,.malaysia{
  background-position: -198px -128px;
}
.air-china{
  background-position: -50px -173px;
}
.turkish{
  background-position: -54px -299px;
}
.china-eastern-air{
  background-position: -0px -337px;
}
.royal-jordanian {
  background-position: -49px -379px;
}
.gulf-air{
  background-position: -152px -382px;
}
.hahn-air{
  background-position: -100px -173px;
}
.finnair{
  background-position: -152px -340px;
}
.ethiopian-air{
  background-position: -153px -220px;
}
.korean,.korean-air{
  background-position: -201px -175px;
}
.royal-air-maroc{
  background-position: -154px -418px;
}
.klm-royal-dutch{
  background-position: -100px -264px;
}
.saudi-arabian-air{
  background-position: -250px -131px;
}
.oman-air,.oman,.omanair{
  background-position: -238px -93px;
}
.biman-bangladesh{
  background-position: -238px -173px;
}
.kuwait-airways{
  background-position: -238px -221px;
}
.flynas,.flynas-airlines{
  background-position: -250px -302px;
}
.flydubai{
  background-position: -250px -341px;
}
.air-arabia,.airarabia{
  background-position: -250px -263px;
}
.salam-air{
  background-position: -250px -378px;
}
.bangkok-airways{
  background-position: -261px -414px;
}
.air-france{
  background-position: -160px -260px;
}
.japan{
  background-position: -150px -300px;
}
.china-southern{
  background-position: -200px -300px;
}

.middle-east{
  background-position: -285px -93px;
}
.pegasus{
  background-position: -285px -134px;
}
.egypt-air,.egyptair{
  background-position: -285px -176px;
}
.kenya-airways{
  background-position: -285px -222px;
}
.alitalia{
  background-position: -310px -340px;
}
.hainan{
  background-position: -331px -263px;
}
.virgin-australia{
  background-position: -303px -411px;
}
.aeroflot{
  background-position: -297px -306px;
}
.qantas-airways,.qantas{
  background-position: -292px -264px;
}
.royal-brunei-air{
  background-position: -200px -380px;
}
.lan{
  background-position: -300px -377px;
}
.ukraine-intl-air{
  background-position: -300px -377px;
}
.fiji-airways,.fijiairways{
  background-position: -323px -93px;
}
.vietnam{
  background-position: -331px -135px;
}
.brussels{
  background-position: -331px -223px;
}
.asiana{
  background-position: -335px -304px;
}
.philippine{
  background-position: -49px -343px;
}
.tap-portugal{
  background-position: -345px -381px;
}
.air-mauritius{
  background-position: -345px -345px;
}
.malindo-air,.lion-airlines{
  background-position: -345px -417px;
}
.iberia{
  background-position: -200px -343px;
}
.austrian{
  background-position: -104px -302px;
}
.montenegro-air{
  background-position: -423px -133px;
}
.aegean{
  background-position: -375px -135px;
}
.uzbekistan{
  background-position: -379px -260px;
}
.westjet{
 background-position: -423px -343px;
}
.condor{
  background-position: -423px -381px;
}
.norwegian-shuttle{
  background-position: -423px -418px;
}
.delta{
  background-position: -53px -221px;
}
.ural{
  background-position: -381px -222px;
}
.air-new-zealand{
  background-position: -381px -418px;
}
.hawaiian{
 background-position: -384px -380px;
}
.ukraine-intl-air{
  background-position: -375px -92px;
}
.aer-lingus{
  background-position: -423px -304px;
}
.air-tahiti-nui{
  background-position: -423px -175px;
}
.czech{
  background-position: -109px -450px;
}
.alaska{
  background-position: 0 -300px;
}
.aeromexico,.aeromexico-connect{
  background-position: -421px -263px;
}
.silkair{
  background-position: -421px -224px;
}
.jetblue-airways{
  background-position: -421px -90px;
}
.sunstate-airlines-qantaslink{
  background-position: -8px -445px;
}
.pakistan-intl-air{
  background-position: -58px -445px;
}
.pegasus-airlines{
  background-position: -158px -450px;
}
.eurowings{
 background-position: -205px -450px;
}
.south-african{
  background-position: -243px -450px;
}
.blue-air{
  background-position: -285px -450px;
}
.easy-fly{
 background-position: -338px -450px;
}
.maldivian{
  background-position: -391px -450px;
}
.airbaltic{
  background-position: -427px -448px;
}
.saudi-gulf-airlines{
  background-position: -385px -486px;
}
.flyadeal{
  background-position: -434px -483px;
}
.onur-air{
  background-position: -64px -528px;
}
.air-cairo{
  background-position: -8px -528px;
}
.nile-air{
  background-position: -109px -528px;
}
.egyptair-express{
  background-position: -290px -173px;
}
.air-astana{
  background-position: -154px -528px;
}
/*Airline Logos End*/



/*Hotels Card*/
.city-hotels .nav-tabs > li > a, #flight-info .nav-tabs > li > a{
    border: none;
    padding: 10px 12px;
    display: block;
    color: #43445c;
    font-weight: 600;
    font-size: 16px;
}
.city-hotels .nav-tabs > li.active > a, .city-hotels .nav-tabs > li.active > a:hover, .city-hotels .nav-tabs > li.active > a:focus{
    color: #fff;
    background: #2b3a99;
}
.hotels-list li {
    vertical-align: middle;
    width: 32%;
    display: flex;
    align-items: center;
}
.hotels-list a{
color: #43445c;
text-decoration: none;
}
.hotels-list{
    padding: 16px 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}
.hotel-card img{
width: 100%;
height: 180px;
object-fit: cover;
}
.hotel-card h2{
font-size: 16px;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0;
line-height: 27px;
}
.hotels-cnt{
padding: 8px;
}
.starRating, .taRating, .taLogo{
background-image: url(https://s3-ap-southeast-1.amazonaws.com/waytogo-assets/waytogo-staging/flight-schedule-version-2-images/hotelSprite15.png);
background-repeat: no-repeat;
}
.starRating {
display: inline-block;
width: 90px;
height: 16px;
}
.starRating.s5 {
background-position: 0px -448px;
}
.starRating.s4 {
background-position: 0px -464px;
}
.starRating.s3{
background-position: 0px -480px;
}
.starRating.s2 {
background-position: 0px -496px;
}
.starRating.s1{
background-position: 0px -512px;
}
.starRating.s4 {
background-position: 0px -464px;
}
.taRating {
display: inline-block;
width: 70px;
height: 15px;
}
.taRating.t30 {
background-position: -96px -508px;
}
.taRating.t45 {
background-position: -96px -463px;
}
.taRating.t40 {
background-position: -96px -478px;
}
/*Hotels Card End*/

/*Autocomplete Start & Travellers*/
.ui-autocomplete{
    background-color: #fff;
    border-radius: 4px;
    padding: 4px;
    box-shadow: rgb(0 0 0 / 24%) 0px 4px 12px 0px;
    width: 360px!important;
    list-style-type: none;
    margin: 0;
}
.ui-autocomplete li{
    color: #1a1a1a;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover,.ui-autocomplete .ui-menu-item:focus{
    background-color: #36c;
    color: #fff;
}
.bento-search-widget ul.desktop_travellers{
    box-shadow: rgb(0 0 0 / 24%) 0px 4px 12px 0px;
    border: none;
    padding:16px 0 0;
    border-radius: 4px;
    width: 260px;
}
.bento-search-widget ul.desktop_travellers li{
    padding: 6px 8px;
    font-size: 14px;
}
.bento-search-widget ul li .dropdown-toggle::after{
    right: 16px;
    position: absolute;
    top: 20px;
}
.bento-search-widget ul.desktop_travellers .note{
    color: #999;
    font-size: 12px;
}
.bento-search-widget ul.desktop_travellers .click-block{
    float: right;
    display: flex;
    justify-content: space-between;
    width: 100px;
}
.click-block i{
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 4px 0px;
    font-size: 10px;
    border: 2px solid #36c;
    border-radius: 50%;
    color: #36c;
    background: rgb(255, 255, 255)!important;
    cursor: pointer;
}
.click-block i.fa-minus{
    color: #ccc;
    border: 2px solid #ccc;
}
.bento-search-widget ul.desktop_travellers li:last-child {
    padding: 12px 8px;
    border-top: 1px solid #e6e6e6;
    text-align: right;
    margin: 8px 0 0;
}
.bento-search-widget ul.desktop_travellers .Dtravellers {
    background-color: #36c;
    color: #fff;
    border-radius: 4px;
    height: 32px;
    cursor: pointer;
    padding: 4px 12px;
    font-weight: 600;
    transition: all .2s ease;
    border: none;
    display: inline-block;
    min-width: 75px;
    font-size: 14px;
}

/*Calendar Desktop*/
  #ui-datepicker-div{
    background: #fff;
    padding: 8px;
    z-index: 1;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    box-shadow: rgb(0,0,0,.24) 0px 4px 12px 0px;
    left: 30%!important;
    min-width: 768px!important;
  }

  .ui-datepicker-group {
    width: 353px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 0;
    box-sizing: content-box;
    position: relative;
  }
  .ui-datepicker-group-first{
    margin-right: 32px;
  }
  .ui-datepicker-group table{
    width: 100%;
    display: table;
  }
  .ui-datepicker-group table td{
    width: 51px;
    height: 51px;
    max-width: 51px;
    -webkit-animation: zoomIn .3s ease-in-out 1;
    animation: zoomIn .3s ease-in-out 1;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
    border-radius: 4px;
    border-right: 1px solid #f7f7f7;
  }
  .ui-datepicker-group table th{
    cursor: pointer;
    padding: 13px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
  }
  .ui-datepicker-group table tr{
    border-bottom: 1px solid #f7f7f7;
  }
  .ui-datepicker-group table a{
    color: #111;
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
  }
  .ui-state-disabled{
    color: #111;
    font-size: 14px;
    text-align: center;
  }
  .ui-datepicker-title{
    padding: 6px 0 14px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
  .ui-datepicker-week-end{
    background: #f9f9f9;
  }
  .ui-datepicker-next {
    float: right;
    margin-right: 5px;
  }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    margin-top: 8px;
  }
  #ui-datepicker-div {display: none;}

  .ui-icon {
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/waytogo-assets/waytogo-staging/flight-schedule-version-2-images/mainSprite2.png)!important;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    filter: alpha(opacity=70);
    opacity: 0.8;
    font-size: 0;
  }
  .ui-icon-circle-triangle-w {
    background-position: -176px -448px !important;
  }
  .ui-icon-circle-triangle-e {
    background-position: -192px -448px !important;
  }
  .ui-datepicker-group table a.ui-state-active{
    color: #fff;
  }
  .ui-datepicker-current-day{
    border-radius: 4px;
  }
  td.ui-datepicker-today{
    font-weight: 600;
  }
  td.ui-state-disabled{
    opacity: 0.30
  }
  .calendarPrice{
    display: block;
    font-size: 10px;
    padding: 2px 0 0;
    text-align: center;
    color: #999;
  }
  .low{
    color: #46991a;
  }
  .ui-state-active .calendarPrice,.ui-state-active .low{
    color: #fff;
  }
  
    .nav-tabs > li > a:hover{
        background: #2b3a99;
        color: #fff!important;
        border: none;
    }

    /*index pages*/
    .pnr-cnt{
        font-size: 15px;
        line-height: 27px;
    }
    .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{
        margin-left: -59px;
        margin-top: 10px!important;
        background-image: url(https://storage.googleapis.com/ct-seo-waytogo-assets/waytogo-staging/new_images/forward-arrow.png)!important;
        background-size: 16px 16px;
        height: 32px;
        width: 32px;
        background-position: inherit!important;
    }
    .ui-datepicker .ui-datepicker-prev span{
        transform: rotate(-180deg);
        margin: -5px 0 0 40px!important;
    }

/*Min Fare Slider*/

#min-fare-slider .date-info{
   font-size: 12px;
    color: #999;
    line-height: 18px;
    display: block;
    padding: 0 0 4px;

}
#min-fare-slider a,#min-fare-slider a:hover{
  color: inherit;
  text-decoration: none;
}
#min-fare-slider  a.bx-next{
  right: -48px;
}
#min-fare-slider  a.bx-prev{
  left: -48px;
}
#min-fare-slider .bx-viewport{
   background: transparent;
}
#min-fare-slider {
    text-align: center;
    padding: 6px 32px;
    background: transparent;
    margin: 12px 0 0 8px;
    height: 52px;
    padding: 0 16px;
    border-bottom: 1px solid #e6e6e6;
}
#min-fare-slider .bx-wrapper{
  margin: 0 auto;
  box-shadow: none;
  border: none;
}
#min-fare-slider .bx-wrapper .bx-viewport{
  box-shadow: none;
  border: none;
}
.bx-wrapper .bx-controls-direction a{
  z-index:0!important;
}
#min-fare-slider .bx-pager {
  display: none;
}
#min-fare-slider .price-info{
    font-size: 12px;
    color: #4d4d4d!important;
    font-weight: 600;
    line-height: 16px;
    font-family: inherit!important;
}
#min-fare-slider .price-info.highlight{
    color: #008a00!important;
}
#min-fare-slider .low-price{
  color: rgba(58, 158, 8,1);
}
#min-fare-slider .slick-arrow{
    background: url(https://storage.googleapis.com/ct-seo-waytogo-assets/waytogo-staging/images/bento-slider-arrow.png) no-repeat;
    background-size: 16px;
}
#min-fare-slider .slick-arrow:before{
    display: none;
}
#min-fare-slider .slick-prev{
    left: -16px;
}
#min-fare-slider .slick-next{
    right: -16px;
    transform: rotate(180deg);
    top: 20%;
}
.glink{
    visibility: hidden;
    font-size: 2px;
}
footer{
  background: #f7f7f7;
  
}
.new-footer {
  margin: 40px 0 24px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 24px;
}
.new-footer,.ct-links,.ct-links ul,.ct-support-link ul,.ct-support-wrapper{
  display: flex;
}
.nf-logo{
  margin-right: 52px;
}
.ct-links ul li{
  margin: 0 40px 0 0;
}
.ct-links ul,.ct-support-link ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ct-links ul li a,.ct-links ul li a:hover{
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  font-weight: 500;
  color: #1a1a1a;
}
.ct-links ul li a:hover,.ct-support-link ul a:hover{
  text-decoration: underline;
}
.ct-support-wrapper{
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 0;
}
.ct-support-link ul a,.ct-support-link ul a:hover,.nf-copy-right{
  color: #999;
  font-size: 10px;
  line-height: 12px;
  text-decoration: none;
}
.ct-social-links{
  display: flex;
  align-items: center;
}
.ct-social-links span{
  font-size: 12px;
  color: #ccc;
  margin: 2px 4px 0;
  display: inline-block;
  line-height: 16px;
}
/*ME domains*/
.me-domain .offers-bar{
    background: transparent;
    padding: 0;
}
.me-domain .bento-main-content-wrapper{
    margin: 12px 0 0;
}
.me-domain  #banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/*NEW Breadcrumb*/
 .new-breadcrumb {
    list-style-type: none;
    padding: 0 0 0 5px;
}
.new-breadcrumb li{
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    position: relative;
}
.new-breadcrumb li a{
    color: #666;
}
.new-breadcrumb li:after{
    content: "\00bb";
    position: absolute;
    right: -10px;
    top: 0;
}
.new-breadcrumb li:last-child:after{
    display: none;
}
.reviews{
    font-size: 14px;
    line-height: 27px;
}
#new-airline-page .bento-main-content-wrapper{
    font-size: 14px;
}
#new-airline-page .owd-flights-list .airline-routes{
    grid-template-columns: 100px 90px 100px;
    -ms-grid-columns: 100px 90px 100px;
}
/*Arabic page*/
#arabic .owd-flights-list .prices{
    text-align: left
}
#arabic .ctBrand{
    float: right;
    margin: 10px 0 0;
}
#arabic .bento-right{
    text-align: right;
}
#arabic .owd-flights-list .bento-list{
    padding-right: 0 ;
}
#arabic .more-flights li a{
    margin: 0;
}
#arabic  .more-flights ul{
    padding: 0;
}
#arabic  .more-flights ul li{
    float: right;
    text-align: right;
}
#arabic .desk-sorting .f-price, #arabic .desk-sorting .f-duration{
    text-align: left!important;
}

#arabic .bento-search-widget ul{
    padding: 0;
}
#arabic  .new-breadcrumb{
    padding: 4px 0 0;
}

/*Sorting*/
.desk-sorting .sortAsc,.desk-sorting .sortDes{
    color: #36c!important;
    font-weight: 500;
}
.sortAsc::before, .sortDes::before{
  content: " ";
  top: 4px;
  right: -16px;
  background-position: -593px -25px;
  width: 7px;
  height: 9px;
  position: absolute;
  background-image: url(https://s3-ap-southeast-1.amazonaws.com/waytogo-assets/waytogo-staging/flight-schedule-version-2-images/iconSprite37.png);
  background-repeat: no-repeat;
}
.sortAsc::before,.sortDes::before{
  right: -10px;
}
.ow-sorting a.sortAsc::before, .ow-sorting a.sortAsc::before {
  background-position: -593px -25px;
}
.ow-sorting a.sortDes::before, .ow-sorting a.sortDes::before {
  background-position: -593px -1px;
}
.bento-wrapper{
    background:  #fff;
}
/*Mobile Bento*/
@media screen and (max-width:  580px){
    .bento-left,.bento-right{
        flex-basis: 100%;
        max-width: 100%;
    }
    .owd-mflights-list{
        padding: 24px 16px;
        border-bottom: 1px solid rgb(234, 234, 234);
    }
    .bento-right{
        padding: 0;
    }
    .bcommon-nav{
        border-bottom: 1px solid #f7f7f7;
    }
    .ow-sorting ul{
        border-bottom: 1px solid #ddd;
        height: 40px;
        font-size: 14px;
        text-align: center;
        justify-content: space-around;
        grid-template-columns: 52px 1fr 100px;
        -ms-grid-columns: 52px 1fr 100px;
    }
    .ow-sorting .fd-timing{
        opacity: 0;
    }
    .bento-lcard,.new-rhs-cards {
        padding: 8px 16px;
    }
    .owd-mflights-list li{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .owd-airline-code,.owd-airline-names {
        margin: 0;
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-weight: 400;
        color: #1a1a1a;
        line-height: 14px;
    }
    .owd-airline-code{
        color: rgba(0,0,0,.5);
    }
    .carrier-logo figure{
        margin: 0 16px 0 0;
    }
    .owd-mtiming,.own-mtiming{
        font-size: 18px;
        margin: 0 12px 0 0;
    }
    .owd-durations,.owd-stops{
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }
    .owd-stops{
        color: rgb(153, 153, 153);
        margin-top: 3px;
        font-weight: 400;
    }
    .steper{
        position: relative;
        padding: 4px 0 0;
        max-width: 54px;
        height: 9px;
    }
    .steper-bar{
        position: absolute;
        min-width: 40px;
        background-color: #999;
        top: 6px;
        width: 53px;
        height: 1px;
    }
    .initial-price{
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }
    .owd-mbento .city-code{
        font-size: 12px;
        line-height: 14px;
        display: block;
    }
    .newsummary-header h1{
        font-size: 18px;
        line-height: 18px;
        margin: 0;
        text-transform: capitalize;
    }
    #airlines .owd-mflights-list .ct-btn{
        color: #fff;
        background: #f70;
        font-size: 12px;
        display: inline-block;
        padding: 4px;
        border-radius: 4px;
        width: 76px;
        text-align: center;
    }
    #airlines .owd-mflights-list{
        padding: 24px 8px;
    }
    #airlines  .owd-mduration{
        grid-template-columns: 60px 60px 60px;
        -ms-grid-columns: 60px 60px 60px;
        width: calc(100% - 116px);
    }
    #airlines .pnr-cnt{
        padding: 0 8px;
    }
    #airlines .ow-sorting ul{
        border: none;
        height: 32px;
    }
    #airlines .desk-sorting{
        display: block!important;
    }
    #airlines .more-flights ul li{
        padding: 0 0 12px;
        margin: 0;
    }
    #airlines .owd-airline-names{
        overflow: hidden;
    }
    /*Mobile Widget JS*/
    .trip-type {
      display: flex;
      align-content: center;
      justify-content: space-around;
      border-radius: 5px;
      font-size: 14px;
      line-height: 22px;
      font-weight: 450;
      margin: 0 0 10px;
    }
    .trip-type a{
      height: 32px;
      text-align: center;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      font-size: 14px;
      position: relative;
      padding: 4px 0;
      color: #36c;
      background-color: #fff;
      border-top: 1px solid #36c;
      border-bottom: 1px solid #36c;
      border-right: 1px solid #36c;
      cursor: pointer;
      text-decoration:none;
    }
    .trip-type a:first-child {
        border-left: 1px solid #36c;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .trip-type a:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .trip-type a.active {
        color: #fff;
        background-color: #36c;
    }
    .sem-form-wrpper{
      margin-top: 20px;
      padding: 0 16px;
    }
    .sem-form-wrappers{
      list-style-type: none;
      padding: 0;
    }
    .sem-form-wrappers li{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      border-bottom: 1px solid #eaeaea;
    }
    .sem-form-wrappers li:last-child,.sem-form-wrappers li:nth-child(4){
      border: none;
    }
    .sem-form-fields{
      height: 80px;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      -webkit-box-flex: 1; 
      -ms-flex: 1;
      flex: 1;
    }
    .arrival-city,.arrival-date{
      text-align: right;
    }
    .sem-form-fields label{
      line-height: 20px;
      color: #808080;
      font-size: 14px;
      margin: 0 0 2px;
      font-weight: 400;
    }
    .airport-code{
      font-size: 30px;
      color: #000;
      line-height: 32px;
      font-weight: 400
    }
    .date-field{
      font-size: 16px;
      line-height: 24px;
      color: rgba(0,0,0,.8);
      font-weight: 500;
    }
    .ct-btn-primary{
      margin: 16px 0 0;
      border: 1px solid #f66826;
      background-color: #f66826;
      color: #fff;
      font-weight: 600;
      width: 100%;
      padding: 8px;
      font-size: 16px;
      height: 40px;
      outline: 0;
      border: 0;
      border-radius: 4px;
      display: inline-block;
      -moz-appearance: button;
      appearance: button;
      -webkit-appearance: button;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }

#fromCityAutocompleteModel .modal-dialog,#toCityAutocompleteModel .modal-dialog{
    height: 100vh;
    overflow-y: auto;
    margin: 0;
  }
  #fromCityAutocompleteModel .modal-content,#toCityAutocompleteModel .modal-content{
    height: 100vh;
    overflow-y: auto;
    border: none;
    box-shadow: none;
  }
  #fromCityAutocompleteModel .modal-header,#toCityAutocompleteModel .modal-header{
    background: #595858;
    height: 45px;
    width: 100%;
    color: #fff;
    padding: 10px;
  }
  #fromCityAutocompleteModel .close, #toCityAutocompleteModel .close{
    box-shadow: none;
    background: none;
    color: #fff;
    border: none;
  }
  #fromCityAutocompleteModel .modal-body,#toCityAutocompleteModel .modal-body{
    padding: 0;
  }
  #fromCityAutocompleteModel .modal-title,#toCityAutocompleteModel .modal-title{
    font-size: 16px;
    padding: 0 0 0 15px;
  }
  #fromCityAutocompleteModel .search-blk,#toCityAutocompleteModel .search-blk{
    position: relative;
    background-color: #e6e6e8;
    border-bottom: 1px solid #ddd;
    padding: 8px 16px;
  }
  #fromCityAutocompleteModel .search-blk ul, #toCityAutocompleteModel .search-blk ul{
    margin: 0;
  }
  #fromCityAutocompleteModel .search-blk li,#toCityAutocompleteModel .search-blk li{
    height: auto;
    border: none;
    padding: 0;
  }
  #fromCityAutocompleteModel .search-blk input,#toCityAutocompleteModel .search-blk input{
    width: 100%;
    background: #fff;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 4px;
  }
      #toCityAutocompleteModel .modal-backdrop.in,#fromCityAutocompleteModel .modal-backdrop.in{
      display: none;
    }
    .cityAutoCompleteData li,.arrAutoCompleteCities li,.depAutoCompleteCities li{
      display: flex;
      align-items: center;
      min-height: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 20px;
      padding-left: 16px;
      padding-right: 16px;
      border-bottom: 1px solid #eaeaea;
      position: relative;
    }
    .cityAutoCompleteData span.city_code,.arrAutoCompleteCities span.city_code,.depAutoCompleteCities span.city_code{
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      font-weight: 600;
      background-color: #7a7a7a;
      color: #fff;
      border-radius: 3px;
      font-size: 12px;
      padding: 2px 6px;
      min-width: 45px;
    }
    .cityAutoCompleteData span.city_name,.arrAutoCompleteCities span.city_name,.depAutoCompleteCities  span.city_name{
      font-size: 14px;
      display: inline-block;
      padding: 0 8px;
    }
    #travellerModal .modal-dialog, .modal-open .modal {
        z-index: 9999;
        width: 100%;
        margin: 0;
    }
      #travellerModal .modal-dialog .modal-content .modal-body .search-blk .traveller-menu li {
        padding: 16px 0;
        margin-bottom: 15px;
        font-size: 16px;
        color: #000000;
        vertical-align: super;
      }
      .search-blk .click-block{
        float: right;
      }
      .search-blk .click-block a {
        width: 32px;
        height: 32px;
        display: inline-block;
        
        text-align: center;
        padding: 7px 0 0;
        border-radius: 50%;
        color: #d9d9d9;
    }
    #dpt_date_mob,#rtn_date_mob{
        width: 70px;
        outline: none;
        border: none;
        padding: 0!important;
    }
    .owd-mflights-list .owd-mbento{
        align-items: center;
        display: grid;
        display: -ms-grid;
        grid-template-columns: 60px 1fr 100px;
        -ms-grid-columns: 60px 1fr 100px;
        /*display: flex;*/
        margin: 0;
        position: relative;
        justify-content: space-evenly;
    }
    .bento-seats{
        position: absolute;
        top: -8px;
        right: 0;
    }
    .owd-mflights-list .own-mstop{
        font-size: 12px;
        color: rgb(77, 77, 77);
        line-height: 16px;
    }
    .owd-mflights-list .own-mstop span{
        display: block;
        margin: 0 0 8px;
    }
    .owd-marilines{
        flex: 0.290 1 0%;
        float: left;
        text-align: center;
    }
    .owd-mprice{
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        text-align: right;
        float: right;
        width: 100px;
    }
    .owd-mduration{
        float: left;
       /* width: calc(100% - 150px);*/
        display: grid!important;
        display: -ms-grid;
        grid-template-columns: 48px 60px 48px;
        -ms-grid-columns: 48px 80px 48px;
        text-align: center;
        align-items: center;
        justify-content: space-evenly;
    }
    .mstop-info{
        color: #999;
    }
    .mstop-duration{
        color: rgb(77, 77, 77);
        font-weight: 500;
        padding-bottom: 4px;
        border-bottom: 1px solid #999;
        margin: 0 10px 6px;
    }

    /*Mobile Header Layout CSS*/
    #mobile-headers{
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9;
    }
    .mobile-top-headers{
        height: 56px;
        border-bottom: 1px solid #f7f7f7;
        background: #fff;
        padding: 0 8px;
    }
    .mbento-navigation{
        float: left;
    width: 44px;
    height: 56px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    }
    .newsummary-header{
        display: flex;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
        float: left;
        height: 48px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
       
        width: calc(100% - 57px);
        padding-top: 8px;
    }
    .bento-main-content-wrapper .container{
        padding: 0!important;
    }
    .f-routes-details{
        font-size: 14px;
        margin: 0 0 4px;
    }
    .f-class-details{
        color: rgba(0,0,0,.4);
        font-size: 12px;
    }
    .f-routes-details,.f-class-details{
        flex-basis: 100%;
        text-align: center;
    }
    .mobile-top-headers ul{
      margin: 0;
      padding: 0;
    }
    .mobile-top-headers ul li{
      padding: 0;
      vertical-align: top;
    }
    .sticky-price-cta {
        background: #353434;
        padding: 8px;
        height: 56px;
    }
    .best-price {
   
        float: left;
        color: #fff;
        font-size: 21px;
        font-weight: 600;
        padding: 4px 0 0;
    }
    .m-book-btn {
        
        float: right;
        text-align: right;
    }
    .m-book-fi {
        font-size: 12px;
        padding: 0 0 0 4px;
    }
    .m-book-btn .ct-btn {
        font-weight: 600;
        font-size: 18px;
        padding: 6px 24px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        gap: 10px;
        width: 142px;
        height: 40px;
        background: #F77728;
        border-radius: 4px;
        flex: none;
        order: 0;
        flex-grow: 0;
        border: none;
        outline: none;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }
    .main-title {
        font-size: 18px!important;
        padding: 0 8px;
    }
    .bento-widget{
        padding: 0 8px;
    }
    .hotels-list li{
        width: 100%;
    }
    .more-flights ul li{
        width: 90%;
        padding: 0 12px 12px;
    }
    .mview-faq-header{
        position: relative;
    }
    .more-flights,.city-hotels,#flight-info,.unique-content,.content-desc {
        padding: 0 8px;
    }
    footer{
        padding: 16px;
    }
    .mview-toggle-header {
        position: relative;
    }
    .bento-lcard ul li{
        font-size: 14px;
    }
    .reviews{
        position: relative;
        font-size: 14px;
        line-height: 27px;
        padding: 0 8px;
    }
    .mview-toggle-header h2, .mview-faq-header h2, .mview-review-header h2 {
        background: #f9f9f9;
        padding: 8px;
        border-radius: 5px;
        font-size: 14px!important;
        margin: 0!important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .more-flights .mview-toggle-header i, .mview-mf-faqtoggle-btn i, .mreview-toggle-btn i {
        color: rgba(0, 0, 0, 0.35);
        font-size: 24px;
        position: absolute;
        right: 8px;
        top: 8px;
        background: none;
    }
    .mview-mf-toggle, .mview-mf-faqtoggle, .mreview-toggle-cnt {
        height: 0;
        overflow: hidden;
    }
    .bento-main-content-wrapper .new-rhs-cards h2{
        margin: 0 0 8px!important;
    }
    .bento-main-content-wrapper .content-desc ol{
        padding-left: 22px;
    }
    .bento-main-content-wrapper .f-airline{
        display: none;
    }
    /*Mobile Widget*/
    .m-sw-slide {
        display: block!important;
        top: 0px;
        width: 100%;
        left: 0;
        background: #fff;
        min-height: 50vh;
        background: #fff;
        width: 100%;
        z-index: 999;
        /*position: fixed;*/
        padding: 8px 0 0;
        right: 0;
        transition: transform .3s ease-out;
        overflow-y: auto;
        /*box-shadow: -16px 13px 100px rgb(0 0 0 / 20%);*/
    }
    #travellerModal .modal-dialog .modal-content {
        min-height: 100vh;
        border-radius: 0;
        margin: 0;
        padding: 0;
        background-color: #efeff4;
        position: relative;
        background-color: #fff;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
        box-shadow: 0 3px 9px rgba(0,0,0,0.5);
        background-clip: padding-box;
        outline: 0;
        line-height: 27px;
        border: none;
      }


      #travellerModal .modal-dialog .modal-content .modal-header .modal-title {
        background: #fff!important;
        height: 45px;
        width: 100%;
        color: #212529!important;
        padding: 10px 16px;
        font-size: 20px;
      }
      #travellerModal .modal-dialog .modal-content .modal-header {
        border:  none;
      }
      #travellerModal .modal-dialog, .modal-open .modal {
        z-index: 9999;
        width: 100%;
        margin: 0;
        background: transparent;
      }
      #travellerModal .modal-dialog .modal-content .modal-header {
        padding: 0;
      }

      #travellerModal .modal-header .close {
        margin-top: -2px;
        background: #fff;
        opacity: 1;
        position: absolute;
        right: 16px;
        top: 10px;
      }
      .btn-orange button {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        cursor: pointer;
        width: auto;
        overflow: visible;
        font-weight: 700;
        font-size: 13px;
        text-decoration: none;
        text-shadow: none;
        display: inline-block;
        border: 0;
        color: #f9f9f9;
        padding: 0.4em 0.95em 0.45em 0.95em;
        border: solid 1px transparent;
        border-radius: 3px;
        background-color: #f86810;
        display: block;
        width: 100%!important;
        height: 48px;
        font-size: 18px;
        margin: 30px auto 0;
    }
    #ui-datepicker-div {
        left: 0!important;
        width: 100%!important;
        min-width: 100%!important;
    }
    #ui-datepicker-div.mDatePicker{
        position: fixed!important;
        top: 0!important;
        z-index: 9!important;
        display: block;
        height: 100vh!important;
        overflow-y: auto!important;
      }
      .swmDatePicker .ui-datepicker-calendar{
        width: 100%;
        display: table;
      }
      .swmDatePicker td{
        cursor: pointer;
        display: inline-block;
        width: 14.285714285714286%;
        padding: 4px 0 9px;
        text-align: center;
        height: 48px;
        -webkit-animation: zoomIn .3s ease-in-out 1;
        animation: zoomIn .3s ease-in-out 1;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        color: #1a1a1a;
        border-radius: 4px;
        border-right: 1px solid #f7f7f7;

      }
      #ui-datepicker-div table tr {
            border-bottom: 1px solid #f7f7f7;
        }
      .swmDatePicker th {
        cursor: pointer;
        font-size: 13px;
        display: inline-block;
        width: 14.285714285714286%;
        padding: 4px 0 9px;
        border-bottom: 1px solid #e7e7e7;
        text-align: center;
      }
      .closeSearchWidget{
        margin-left: 16px;
      }
      .sem-form-wrappers .dropdown-toggle{
        color: #000;
        border: none;
        outline: none;
      }
      .sem-form-wrappers .dropdown:after{
        display: none;
      }
      #ui-datepicker-div a {
        color: #111;
        font-size: 14px;
        display: block;
        text-decoration: none;
        text-align: center;
        }
        #fromCityAutocompleteModel .modal-header, #toCityAutocompleteModel .modal-header{
            display: block!important;
        }
        .popular-routes h4{
            padding: 8px 16px;
        }
        .airline-mbanner .main-title {
            color: #000;
            padding: 0;
            margin: 0;
        }
        .airline-mbanner .airline-brand {
            padding: 0 8px 0 0;
            display: inline-block;
            text-align: center;
        }
        .airline-mbanner .airline-brand-cnt {
            padding: 0;
            text-align: left!important;
            color: #fff;
            display: inline-block;
        }
        .airline-mbanner {
            padding: 8px;
            height: 56px;
            text-align: center;
            border-bottom: 1px solid rgba(217, 217, 217, .3);
        }
        .airline-mbanner .airline-brand img {
            width: 40px;
        }
        /*ME domains*/
        .me-domain .offers-bar {
            padding: 4px 8px;
            margin: 0;
        }
        .me-domain .bento-right .main-title {
            font-size: 18px!important;
            padding: 0 8px;
            margin: 8px 0 0;
        }
        .bento-main-content-wrapper h2{
            font-size: 18px;
            margin: 8px;
            line-height: 27px;
        }
        #flight-info h2{
            margin: 8px 0;
        }
        .city-hotels .nav-tabs > li > a, #flight-info .nav-tabs > li > a{
            font-size: 14px;
        }
        #new-airline-page .owd-flights-list .airline span{
            display: block;
        }
        #new-airline-page .owd-flights-list ul{
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: 0;
            flex-basis: 100%;
        }
        #new-airline-page .owd-flights-list .airline-routes{
            grid-template-columns: 80px 70px 80px;
            -ms-grid-columns: 80px 70px 80px;
        }
        #new-airline-page .owd-flights-list{
            border-width: 1px 0 0;
            padding: 8px 0;
            display: flex;
            align-items: center;
        }
        #new-airline-page .owd-flights-list .ct-btn,#new-airline-page .owd-flights-list .ct-btn:hover{
            width: 90px;
        }
        #new-airline-page .owd-flights-list .airport-code{
            opacity: 0.7;
            display: block;
            border-radius: 0;
        }
        #new-airline-page .owd-flights-list .arrival, #new-airline-page .owd-flights-list .depart{
            font-size: 16px;
        }
        #new-airline-page .owd-flights-list .duration{
            opacity: 0.7;
            margin: 8px 0;
            font-size: 12px;
            line-height: 16px;
            color: #4d4d4d;
        }
        #new-airline-page .owd-flights-list .duration span{
            position: relative;
            top: 3px;
        }
        #new-airline-page .owd-flights-list .owd-mprice .t-blcok{
            background: #ff5d00;
            padding: 2px;
            border-radius: 4px;
            color: #fff;
            min-width: 80px;
            text-align: center;
            height: 32px;
            align-items: center;
            display: flex;
            justify-content: center;
            position: relative;
            left: 10px;
        }

        /*ME domain bento new changes start here*/
        .me-domain .owd-mprice .t-blcok{
            background: #ff5d00;
            color: #fff;
            border-radius: 4px;
            padding: 2px;
            font-size: 14px;
            min-width: 90px;
            display: inline-block;
            text-align: center;
        }
        .me-domain  .owd-mflights-list li{
            padding: 0;
        }
         .me-domain .owd-flights-list ul{
            grid-template-columns: 40px 1fr 90px;
            -ms-grid-columns: 60px  1fr 9px;
        }
        .me-domain .bento-main-content-wrapper{
            margin: 12px;
        }
        .me-domain  .bento-main-content-wrapper h2{
            margin: 8px 0;
        }
        .me-domain  .more-flights, .me-domain  .city-hotels, #flight-info, .me-domain  .unique-content, .me-domain  .content-desc{
            padding: 0;
        }
        #button_flight_search_mob, #button_flight_search:hover{
            margin: 16px 0 0!important;
            border: 1px solid #f66826!important;
            background-color: #f66826!important;
            color: #fff!important;
            font-weight: 600;
            width: 100%!important;
            padding: 8px!important;
            font-size: 16px!important;
            height: 40px!important;
            outline: 0;
            border: 0;
            border-radius: 4px!important;
            display: inline-block;
            -moz-appearance: button;
            appearance: button;
            -webkit-appearance: button;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        .me-domain i{
            background-image:  none!important;
        }
        .me-domain .nav-right{
           width: 25%; 
        }
        #common-nav-bar .col-xs-9 {
            width: 75%;
        }
        .me-domain .bento-list .airline{
            width: 60px;
        }
        #airlines .bento-lcard{
            padding: 8px;
        }


        /*in-airline-overview & From To page*/
         #airlines .in-airline-overview .m-airport-name,#airlines .from_to_page .m-airport-name{
            font-size: 12px;
            opacity: 0.7;
        }
         #airlines .in-airline-overview .owd-mtiming,  #airlines .in-airline-overview .own-mtiming,#airlines .from_to_page .own-mtiming,#airlines .from_to_page .owd-mtiming{
            font-size: 16px;
            margin: 0 6px 0 0;
        }
         #airlines .in-airline-overview .owd-mduration,#airlines  .from_to_page .owd-mduration {
            grid-template-columns: 88px 78px 88px!important;
            -ms-grid-columns: 60px 60px 60px;
            display: grid!important;
        }
        #airlines .in-airline-overview .owd-mflights-list .ct-btn,#airlines .from_to_page .owd-mflights-list .ct-btn{
            font-size: 16px;
        } 
        #airlines .in-airline-overview .mview-toggle-header h2{
            font-size: 14px;
        }  
        .in-airline-overview .owd-mflights-list .owd-mbento,.from_to_page .owd-mflights-list .owd-mbento{
            justify-content: space-between;
        }
        .new-footer, .ct-links, .ct-links ul, .ct-support-link ul, .ct-support-wrapper{
            display: block!important;
        }
        .more-flights ul{
            margin: 0 0 0 8px;
        }
        .ct-links li, .ct-support-link li{
            display: inline-block;
            margin: 4px;
        }
        .ct-links ul li{
            margin: 8px 16px 0 0;
        }
        .ct-social-links{
            margin: 8px 0 0;
        }
        .bento-right .sticky{
            position: fixed;
            left: 0;
            right: 0;
            width: 100%;
            top: 52px;
            background: #fff;
            z-index: 1;
        }
        .m-search-icon{
            display: none!important;
        }
        .from_to_page .bento-main-content-wrapper p {
            margin: 0 8px 12px;
            font-size: 14px;
        }
        .coupon-message{
            position: absolute;
            bottom: -16px;
            right: 0;
            font-size: 12px;
            line-height: 20px;
        }
        .owd-airline-names small{
            display: block;
            color: rgba(0,0,0,.5);
        }
        .owd-airline-names{
            display: block;
        }
        .in-airline-overview .owd-mflights-list .owd-mbento{
            display: flex!important;
        }
}