.clr{clear:both;}
.sliderbox{width:100%;height:auto;padding:0;margin:auto;position:relative;}
.desktop_ticket{position:absolute;width:100%;height:auto;padding:0;margin:auto;bottom:-25px;}
.mobile_ticket{display:none;}

.search-panel{width:100%;height:auto;padding:0 7%;margin:auto;}
.search-fly {width:100%;padding:0 25px 25px 25px;box-shadow:0px 0px 15px #00000050;margin-top: 282px;background:#e3f0ff;border-radius:20px;}
.form_sec {background:none;width: 100%;padding:11px 10px;border-radius:0;}
.flight-row {width: 100%;height: auto;padding:15px 20px;margin: auto;background:#fff; border-radius:20px;}

.flight_shedule .form-control::placeholder {color: rgb(54, 54, 54);}
.flight_shedule input.form-control {font-size: 15px;font-weight: 500;height: 48px; border: none;}
.search-fly .form-group {margin-right:40px;display: inline-block;margin-bottom: 0;}

.form-control:focus{border-color: none;box-shadow: none;}

.flight-row .searchcol-1 {width: 20%;height: auto;padding: 0;margin: auto;float: left;position: relative;}
.flight-row .searchcol-2 {width: 7%;height: auto;padding: 12px 2% 0 0;margin: auto;float: left;position: relative;}
.flight-row .searchcol-3 {width: 20%;height: auto;padding: 0;margin: auto;float: left;border-right: solid 1px #e1e1e1;position: relative;}
.flight-row .searchcol-4 {width: 18%;height: auto; padding: 0 0 0 4%;margin: auto;float: left;position: relative;}
.flight-row .searchcol-5 {width: 19%;height: auto;padding: 0 0 0 4%;margin: auto;float: left;position: relative;}
.flight-row .searchcol-6 {width: 16%;height: auto;padding:1px 0 0 0;margin: auto;float: left;}

#FormControlSelect1 {background-image: url(https://skysharkflights.com/images/flight-icon.png);background-repeat: no-repeat;background-size:20px;background-position: 4%;padding-left: 35px;text-transform:uppercase;}
#FormControlSelect2 {background-image: url(https://skysharkflights.com/images/adult.png);background-repeat: no-repeat;background-size: 15%;background-position: 4% 50%;padding-left: 30px;}
#FormControlSelect3 {background-image: url(https://skysharkflights.com/images/seat.png);background-repeat: no-repeat;background-size: 15%;background-position: 4% 50%;padding-left: 30px;}

select.form-control {font-size: 15px;font-weight: 500;height: 48px;border: none;background:none;}

#FormControlInput3, #FormControlInput2, #FormControlInput1 {background-repeat: no-repeat;background-size: 22px;background-position: 1% 50%;padding-left: 45px;outline:none;}
#FormControlInput1 {background-image: url(https://skysharkflights.com/images/take-flight.png);outline:none;}
#FormControlInput2 {background-image: url(https://skysharkflights.com/images/land-flight.png);outline:none;}

.NumberofTraveler {width: 180px !important; padding-left: 37px;padding-right: 25px;background:none;border: none;text-transform: uppercase;background-image: url(https://skysharkflights.com/images/traveller-icon.png), url(https://skysharkflights.com/images/traveller-arrow.png); background-repeat: no-repeat, no-repeat;background-position: 1% 40%, right 7px center;background-size:28px, 9px;outline:none;}

.flight-row .sFromTbox {width: 100%;height: auto;padding: 12px 7px 12px 35px;margin: auto;background: url(https://skysharkflights.com/images/take-flight.png) no-repeat center left; border: none;outline:none;}
.flight-row .sToTbox {width: 100%;height: auto;padding: 12px 7px 12px 35px;margin: auto;background: url(https://skysharkflights.com/mages/land-flight.png) no-repeat center left;border: none;outline:none;}
.search-reverse {width: 25px;height: auto;padding: 0; margin: auto;}
.search-reverse img {width: 100%;height: auto;}
.flight-row .sDepartDTbox {width: 100%;height: auto;padding: 12px 7px 12px 35px;margin: auto;background: url(https://skysharkflights.com/images/calander-icon.png) no-repeat center left;background-size: 30px !important;border: none;outline:none;}
.flight-row .sRerurnDTbox {width: 100%;height: auto;padding: 12px 7px 12px 35px;margin: auto;background: url(https://skysharkflights.com/images/calander-icon.png) no-repeat center left;background-size: 30px !important;border: none;outline:none;}
.flight-row .sf_button{width:100%;height:auto;padding:10px 15px; margin:2px auto 0 auto;background:#0075ff;border-radius:50px;font-size: 16px;color:#fff;border:none;font-weight:500;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.flight-row .sf_button:hover{background:#00467f;cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.flight-row .sf_button .fa{position:relative;top:3px; left:-5px;}

.adult {width: auto;padding: 10px 10px 0px 10px;background: #fff;border: solid 1px #e1e1e1; border-radius: 3px;display: none;position: absolute;z-index: 1;}
.traveler-label {margin: 0 0 0 0;font-size: 13px;font-weight: 400;}
.sliderbox .btn {transition: all 0.4s ease-in-out;background-color: #ff3600;padding: 5px 12px;}
.sliderbox .btn:hover {background-color: #017fce;color: #fff;}

.ntravellers {width:60px;padding: 0 0 0 25px;margin: 0 5px  0 0; border:solid 1px #e1e1e1;}
.qtyminus{width:40px;padding:0 !important;margin:0 5px 0 0;color: #fff;background:#0075ff;}
.qtyminus1{width:40px;padding:0 !important;margin:0 5px 0 0;color: #fff;background:#0075ff;}
.qtyminus2{width:40px;padding:0 !important;margin:0 5px 0 0;color: #fff;background:#0075ff;}
.qtyplus{width:40px;padding:0 !important;color: #fff;background:#0075ff;}
.qtyplus1{width:40px;padding:0 !important;color: #fff;background:#0075ff;}
.qtyplus2{width:40px;padding:0 !important;color: #fff;background:#0075ff;}
.bootstrap-touchspin{margin:0 0 2px 0;}
.closedropdown{font-size:13px;}

.ipt3 {padding-left: 30px; padding-right: 25px; background-image: url(https://skysharkflights.com/images/class-icon.png) !important; background-repeat: no-repeat !important;background-position:0 center !important;background-size: 30px !important;outline:none;}

#search-box{padding: 30px;border: #a8d4b1 1px solid;border-radius:4px;}


/* ----- Country Listing ----- */
#country-list{padding:0;width:300px;margin-top: 45px;position: absolute;left: -24px;float:left;list-style:none;max-height: 300px;overflow-y: scroll;}
#country-list1{padding:0;width:300px;margin-top: 45px;position: absolute;left: -24px;float:left;list-style:none;max-height: 300px;overflow-y: scroll;}
#country-list li{padding: 3px; background: #f0f0f0; border-bottom: #f1f1f1 1px solid;}
#country-list li:hover{background:#f7f7f7;cursor: pointer;}
.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;}
.ui-autocomplete{float:left;list-style:none;padding:0;width:380px;position: absolute;margin-top: 30px;left: -24px;    max-height: 300px;overflow-y: scroll;}
.ui-menu .ui-menu-item {padding: 3px; background: #f0f0f0; border-bottom: #f1f1f1 1px solid;}
.ui-menu .ui-menu-item :hover{background:#f7f7f7;cursor: pointer;}

.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;}
.select-airport {font: normal 17px Arial;color: #000;margin-top: 2px;}
.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}
.select-city {font: normal 12px Arial; color: #0094ff;margin-top: 1px;}
.select-icon {color: #60a7e2;margin-top: 6px;font: normal 14px Arial;}

.fsrow {padding-top: 7px;padding-bottom: 7px;margin: 0px;background: #fff;}
.fsrow:hover {padding-top: 7px;padding-bottom: 7px;margin: 0px;background: #f7f7f7;}
.fs-col1 {width: 20%;height: auto;padding: 0;margin: 0;float: left;}
.fs-col2 {width: 60%;height: auto;padding: 0;margin: 0;float: left;}
.fs-col3 {width: 20%;height: auto;padding: 0;margin: 0; float: left;}
.ui-menu .ui-menu-item {padding: 0px;background: #f0f0f0;border-bottom: #f1f1f1 1px solid;}
.ui-menu .ui-menu-item {padding: 0px !important;background: #f0f0f0;border-bottom: #f1f1f1 1px solid;}
.ui-autocomplete {float: left;list-style: none;padding: 0;width: 380px;position: absolute;margin-top: 30px;left: -24px;max-height: 285px;overflow-y: scroll;}

@media (min-width: 1000px) and (max-width: 1200px) {
.search-panel {width: 100%;height: auto;padding: 0 2%;margin: auto;}
.flight-row .sf_button {width: 100%;height: auto;padding: 10px 9%;margin: 2px auto 0 auto;font-size: 14px;}
}

@media (min-width:300px) and (max-width: 993px){
.desktop_ticket{display:none;}
.mobile_ticket{display:block;}


.search-fly {margin-top: -30px;padding: 20px;box-shadow: 0px 0px 42px -19px rgba(0, 0, 0, 0.40);background-color: #fff; border-radius: 10px;}
.form_sec {background:#fff;width: 100%;padding: 8px 0px;border-radius:0;}
.tab-content {padding: 15px 15px 0px 15px;}
.search-fly .form-group {width: 100%;border-bottom: solid 1px #f1f1f1;padding: 0 0 7px 0;margin: 0 0 10px 0;}

.search-from {width: 45%;height: 50px;padding: 0;margin: auto;float: left;position:relative;}
.search-reverse {width: 10%;height: auto;padding: 0;margin: auto;float: left;text-align: center;}
.mobile_ticket .search-fly .form-group {text-align: left;}
.search-reverse img {width: 25px;height: auto;margin:22px 0 8px 0;}
.my-1 {display:none;}

.search-from1 {width: 50%;height: auto;padding: 0;margin: auto;float: left;position: relative;}
.search-label-top {width: 100%;height: auto;padding: 0;margin: auto;font-size: 13px;color: #999;}
.search-label-topr {width: 100%;height: auto;padding: 0;margin: auto;font-size: 13px;color: #999;text-align: right;}

select.form-control1 {background: #fff !important;}
.mobile_ticket .form-control {width: 100%;padding: .375rem 0; border: none !important;background:none;}

.hasDatepicker {padding-left: 0;background-image: none !important;}
.NumberofTraveler {width: 90% !important;padding-left: 0; padding-right: 0px;margin: 0 0 0 10%;border: none;background:#fff url(https://skysharkflights.com/images/traveller-arrow.png) no-repeat!important; background-position:95% center !important;background-size: 9px;}
.ipt5{height: 35px !important;padding: 0px !important;background:#fff !important;}
.search-cal-tboxr {width: 100%;height: auto;padding: 4px 0 0 0;margin: auto; background: none;text-align: right;}
.search-location-tboxr {width: 100% !important;height: auto;padding: 4px 0;margin: 0 auto 5px auto;background: none;text-align: right;}
.fs-btn {width: 100%;height: 50px;color: #fff;background: #0075ff;font-size: 18px;font-weight: 600;}
.fs-btn:hover {width: 100%;height: 50px;color: #fff;background:#00467f;}
.fs-btn .fa{margin: 3px 10px 0 0;}
}
@media (min-width:481px) and (max-width: 993px){
.form-inline label {display: inline-block !important;}
.suggesstion-boxs{position:relative;}
.suggesstion-box{position:absolute;right:300px;}
#country-list {max-height: 285px !important;margin-top: 0px !important;left: 0px !important;}
#country-list1 {max-height: 285px !important;margin-top: 0px !important;left: -70% !important;top: -5px !important;}

.adult {width:200px;border: solid 1px #e1e1e1; border-radius: 3px;right: 0px;}
.adult strong{font-size:14px;}
.traveller-tb {width:77px;margin:0 10px 0 5px;text-align: center; border: solid 1px #a1a1a1; border-radius:3px;}

}
@media (min-width:390px) and (max-width: 481px){
.suggesstion-boxs{position:relative;}
.suggesstion-box{position:absolute;right:300px;}
#country-list {max-height: 225px !important;margin-top: 0px !important;left: 0px !important;}
#country-list1 {max-height: 225px !important;margin-top: 0px !important;left: -120% !important;top: -5px !important;}

.adult {width:200px;border: solid 1px #e1e1e1; border-radius: 3px;right: 0px;}
.adult strong{font-size:14px;}
.traveller-tb {width:77px;margin:0 10px 0 5px;text-align: center; border: solid 1px #a1a1a1; border-radius:3px;}
}
@media (min-width:300px) and (max-width: 390px){
.suggesstion-boxs{position:relative;}
.suggesstion-box{position:absolute;right:300px;}
#country-list {width: 300px !important;max-height: 200px !important;margin-top: 0px !important;left: 0px !important;}
#country-list1 {width: 300px !important;max-height: 200px !important;margin-top: 0px !important;left: -130% !important;top: -5px !important;}

.adult {width:200px;border: solid 1px #e1e1e1; border-radius: 3px;right: 0px;}
.adult strong{font-size:14px;}
.traveller-tb {width:77px;margin:0 10px 0 5px;text-align: center; border: solid 1px #a1a1a1; border-radius:3px;}
}
.socialMedia{display:block;}
.header-email{display:inline-block;}
@media (min-width:300px) and (max-width: 769px){
.socialMedia{display:none;}
.header-email{display:none;}
}