@media screen and (max-width:680px) {
.topheadlinks .navbar-right{display:block}
ul.topheadlinks > li:not(:first-child){display:none}
ul.topheadlinks li.icon{float:right;display:inline-block}
.topheader,footer .bottomheader{height:auto!important}
ul.topheadlinks.responsive{position:relative}
ul.topheadlinks.responsive li.icon{position:absolute;right:0;top:0}
.topheadlinks li{color:#fff;padding:10px 10px 5px 0}
ul.topheadlinks.responsive li{float:none;display:block}
ul.topheadlinks.responsive li a{display:block;text-align:left}
.popular-flight .nav>li>a {padding: 5px 5px;}
}
@media screen and (min-width: 768px) {
#bs-example-navbar-collapse-2{display:none!important}
}
@media screen and (max-width: 360px) {
.popup-container .content .nav-pills li a{font-size:12px;margin-right:0;}
}
@media screen and (max-width: 767px) {
.chosen-container.chosen-with-drop .chosen-drop{margin-right:0}
.popup-container .content .nav-pills li a{border-radius:3px}
.icon-sort{width:100%!important}
.container-fluid>.navbar-header{margin:0}
.container{width:100%}
.popup-container .content .nav-pills li a{margin-right:0;min-width:90px}
.title,.subtitle{display:block}
.subtitle{font-size:16px}
.navbar-default .navbar-nav > li > a{text-align:center}
.bottomheader{padding:5px}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-toggle{margin-right:0}
.navbar-right{margin-right:-15px}
.formblock{width:100%}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{border-bottom:0 solid #0cf}
.form-group select{width:100%!important}
.offbanner1,.offbanner2,.offbanner3{text-align:center}
.offbanner2{min-height:90px}
.imgblock{padding:0}
.airlinks div{margin-bottom:10px}
.airlink{margin:0}
.bottomheader .footfont li:last-child{float:left!important;padding:10px;text-align:left;font-size:12px}
.fleetbanner,.content,.mtop{margin-top:95px}
.topheadlinks{text-align:center;float:none}
.navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:10px}
.form-control{width:100%}
.offbanner1 p:last-child,.bannertextalign{font-size:14px!important}
.bannertextalign{top:0}
.yellowtext{top:20px!important;position:relative}
header .bottomheader .navbar-header p{margin:0}
.title.slogan-header{font-size:22px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,.bottomheader .navbar-collapse {background-color:#0c637f;}
.navbar-default .navbar-toggle {border-color: #ffffff;}
.bottomheader{padding:0}
#list-itineraries .table-responsive {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.formblock{width:80%}
.formcontrol{width:100%}
.offbanner1 p:last-child,.bannertextalign{font-size:16px!important}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.airlink a{font-size:12px!important}
.formblock{width:70%}
.bannerlock select{float:left}
#ContentPlaceHolder1_drop_from,#ContentPlaceHolder1_drop_to{width:130px!important}
}
@media screen and (min-width: 1246px) {
/*.bannerblock,.fleetbanner,.content,.mtop{margin-top:70px}*/
}
.topheadlinks .navbar-right{display:none}
select{border-radius:3px!important}
.navbar-default .navbar-nav > li:hover,.topheadlinks > li:hover,.footfont > li:hover{background-color:transparent;color:#0cf;border-bottom:3px solid #0cf}
@media screen and (max-width: 430px) {
.popup-container .content .nav-pills li a{font-size:14px}
.table-filter .star-rate{display:none}
}
@media screen and (max-width: 991px) {
.col-md-0{display:none !important}
#slider-control img{padding-top:70px;margin:0 auto}

}

/*IPhone 6 device*/
@media screen and (max-width: 365px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}
.bannerblock ul.nav { padding-left: 10px;}
#list-itineraries table.only-vna > tbody > tr > td,#list-itineraries table.only-vna > tbody > tr > th,#list-itineraries table.only-vna > tfoot > tr > td,#list-itineraries table.only-vna > tfoot > tr > th,#list-itineraries table.only-vna > thead > tr > td,#list-itineraries table.only-vna > thead > tr > th { padding: 5px 0px;}
#list-itineraries table.all-airline > tbody > tr > td,#list-itineraries table.all-airline > tbody > tr > th,#list-itineraries table.all-airline > tfoot > tr > td,#list-itineraries table.all-airline > tfoot > tr > th,#list-itineraries table.all-airline > thead > tr > td,#list-itineraries table.all-airline > thead > tr > th { padding: 5px 3px;}
}

/*for table itineraries result*/
@media screen and (min-width: 992px) {
#list-itineraries table.only-vna>tbody>tr>td:nth-child(3)>p:nth-child(2) {display:none}
/*#list-itineraries .table-mobile>table>thead>tr:nth-child(1)>th:nth-child(3), #list-itineraries .table-mobile>table>tbody>tr>td:nth-child(3){display:none}*/
}

@media screen and (max-width: 991px) {
#list-itineraries table.only-vna>thead>tr:nth-child(1)>th:nth-child(4), #list-itineraries table.only-vna>tbody>tr>td:nth-child(4){display:none}
}
@media screen and (max-width: 767px) {
.h1, h1 {font-size: 24px;}
.col-sm-0{display:none !important}
#list-itineraries>.news-box>h4{padding-left:15px; padding-right:15px;}
#list-itineraries{margin: auto -15px;}
#list-itineraries h4{font-size:14px;}
.news-box>.table-responsive>table>thead>tr:nth-child(1)>th:last-child, .news-box>.table-responsive>table>tbody>tr>td:last-child{display:none}
}

@media screen and (min-width: 768px) {
    .col-seat-class, .col-information {width: 200px;}
}
@media screen and (max-width: 767px) {
    .col-seat-class, .col-information {width: 150px;}
}
@media screen and (max-width: 459px) {
.h1, h1 {font-size: 18px;}
#list-itineraries .table-responsive{font-size:13px;}
#list-itineraries table>thead>tr>th{white-space: normal;font-size:12px;}
.col-seat-class, .col-information {width: 130px;}
.col-information {font-size: 13px;}
.col-itinerary {width: 105px;}
}

@media screen and (max-width: 767px) {
    .only-mobile{display:block}
    .not-mobile{display:none!important}
    .not-desktop{display: block}
    .only-desktop{display:none}
    .img.sm-logo{max-width: 25px}
    .total-fare-all-flight, .itineraries-detail, .basic-fares-div{padding: 0;margin: 0 -15px;}
}
@media screen and (min-width: 768px) {
    .only-mobile{display:none!important}
    .not-mobile{display:block}
    .not-desktop{display:none}
    .only-desktop{display:block}
    td.not-mobile, th.not-mobile{display: table-cell;}
    .visible-xs-inline{display: none;}
}

/*--------------------for new search over vna-----------------------------*/
@media screen and (max-width: 767px) {
    .f-item-time, .f-item-price{font-size: 20px;}
    .f-item-airport {font-size: 14px;}
    .f-center-space{text-align: center;}
    .f-center-space .fa {font-size: 24px; opacity: 0.5;}
    .f-item-airline-logo{text-align:center; padding: 0;}
    .f-item-departure > *, .f-item-arrival > * {text-align: center;}
    .hidden-xs-inline {display: none!important;}
    .f-item-title{text-align:center;}
    .f-item-container thead>tr>th {padding: 6px;}
    .f-item-airline-logo {margin-bottom: 15px;}
    .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: none; border-top: 1px solid #ddd;}
}
@media screen and (max-width: 575px) {
    #list-itineraries {margin: auto -13px;}
    .f-item {padding: 10px 10px 0 10px;}
    .f-airline{display:none;}
    .f-item-time, .f-item-price{font-size: 16px;}
    .select-flight-btn {min-width: 60px;}
    .f-center-space .fa {font-size: 20px;}
    .f-normal-text {font-size: 11px;}
    .f-item-airline-logo {padding-left: 10px;}
    .f-item-title-airport-name {font-size: 18px;}
    .f-item-title{font-size:16px;}
    .f-item-airline-logo {margin-bottom: 10px;}
    #search-form .title {font-size: 20px;}
    #search-form .close-modal-icon {font-size: 24px;}
}

@media screen and (max-width: 400px) {
    .f-item-title-airport-name {font-size: 14px;}
    .f-item-title{font-size:13px;}
    #search-form .title, #searchModal .close-modal-icon, #searchModal .count-input .incr-btn {font-size: 22px;}
}

@media screen and (max-width: 370px) {
    .col-seat-class, .col-information {width: 118px;}
    .popup-container .content .nav-pills li a {min-width: 80px;}
    #search-form .title, #searchModal .close-modal-icon, #searchModal .count-input .incr-btn {font-size: 20px;}
    #search-form .select2-selection {font-size: 13px;}
    #search-form .form-control {font-size: 13px; padding: 6px 6px;}
    #search-form .seat-class-selection {width: 50%}
    #search-form .find-button-space {width: 8%}
}