@media only screen and (min-width : 768px) {
.hori_form #flights{display:flex; flex-wrap: wrap; justify-content:flex-start;}
.hori_form #flights .row:nth-child(2), .hori_form #flights .row:nth-child(3),.hori_form #flights .row:nth-child(4) {width:33%; margin:0px; }
.hori_form #flights .row:nth-child(2) .sa-boxHtLt, .hori_form #flights .row:nth-child(3) .sa-boxHtLt{padding-right:0px;}
.hori_form #flights .row:nth-child(2) .deptCrsSign, .hori_form #flights .row:nth-child(3) .rtrnCrsSign{right:6px;}

.hori_form #flights .row:nth-child(5){width:66%; margin:0px; }
.hori_form #flights .row:nth-child(5) .sa-boxHtLt{padding-right:0px;}

.hori_form #flights .row:nth-child(7){width:33%; margin:0px; }
.hori_form #flights .row:nth-child(7) .SerFltPad{padding-top:40px;}

.hori_form #flights .row:nth-child(4) .ui-datepicker-trigger{right: 7px !important;}
.hori_form #flights .row:nth-child(4) label.sa-depdt, .hori_form #flights .row:nth-child(4) label.sa-retdt{white-space:nowrap; overflow: hidden; text-overflow:ellipsis; display:block;}

.hori_form #flights .dateInp{width: 100%;}
.hori_form #tabShow .tab-content > .active{padding: 8px 10px 10px 10px;}
.sa-hide-all{display:none;}
.hori_form #tabShow .nav-tabs{border-bottom: 1px solid #c1d5ec; table-layout:inherit; }
.hori_form #tabShow .nav-tabs > li{float:left; width: 25%;}
.hori_form #flights .row:nth-child(7) .btn-search{padding: 6px 9px 7px; float:left !important; }

    }

@media only screen and (min-width: 768px) and (max-width: 1199px) { 

.hori_form #flights .row:nth-child(4) input.dateInp{font-size:14px;}
.hori_form #flights .row:nth-child(7) .SerFltPad {padding-top: 40px;}
.hori_form #flights .row:nth-child(7) .btn-search{padding: 8px 15px 8px; font-size: 18px;}
.hori_form #flights .row:nth-child(2) input, .hori_form #flights .row:nth-child(3) input{font-size:16px;}

 }

@media only screen and (min-width: 768px) and (max-width: 991px) { 
.hori_form #flights .row:nth-child(4) .ui-datepicker-trigger{display:none;}
.hori_form #flights .row:nth-child(2) input, .hori_form #flights .row:nth-child(3) input{font-size:14px;}

}

@media(max-width:767px){
.ui-datepicker td:hover { border: solid 1px #afc9f3; padding: 0px;}	
.ui-datepicker td:hover a {background: inherit !important; color:#676767 !important}
.ui-datepicker .ui-state-disabled {border: 1px solid #afc9f3 !important;}
#ui-datepicker-div{top:0px !important;}
}