
/*===   GERNAL   CSS   START   HERE   ===*/

body {margin:0px; padding:0px; /*background:#ccc;*/ font-family:Arial, Helvetica, sans-serif;}

*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

/*===   GERNAL   CSS    END    HERE   ===*/

#mullty-mainbox {width:100%; margin:0px;float:left;
background: rgba(0,0,0,0) url("https://cheapticketstoworld.com/images//banner/search-engine-banner.jpg?=1.2") no-repeat center top;
  width: 100%;
  min-height: 500px;
  padding: 15px 0 15px;
}

.multycity-tomainbox { padding:0px; border:0px solid #fff;background: #fff;}

.mullty {}
.mullty-fst-mainbox { width:1000px; margin:0 auto;}
.mullty-headingbox { background:#253b74;color:#fff; font-size:14px; font-weight:bold; text-align:center;padding:8px 0px;}
.mullty-box-mainbox { float:left; width:100%; background:#fff; padding:8px 15px;font-weight: 600;}
.main-fstbox {float:left; width:15%;}
.main-secbox {float:left; width:35%; padding-right:15px;}
.main-thirdbox {float:left; width:35%; padding-right:15px;}
.main-fourthbox {float:left; width:15%;}

.main-to-box {float:left; width:100%; background:#253b74; padding:8px 15px;margin-top: 1px;}
.main-to-fstbox {float:left; width:15%;padding-top: 7px;}
.main-to-secbox {float:left; width:35%; padding-right:15px;}
.main-to-thirdbox {float:left; width:35%; padding-right:15px;}
.main-to-fourthbox {float:left; width:15%;}

.mullty-frombox {width:100%; float:left; position: relative;}
.mullty-frombox span {color:#fff; font-size:13px; display:block;margin-top: 0px;}
.mullty-frombox p {color:#000; font-size:12px; display:block;margin-top: 4px;}
.mullty-frombox .txtfield { height: 32px; border-radius: 0px;width: 100%;}
.mty-frombox {width:100%; height:32px; color:#000; font-size:13px; padding-left:10px; border:1px solid #e1e1e1;}
.mty-tobox {width:100%; height:32px; color:#000; font-size:13px; padding-left:10px; border:1px solid #e1e1e1;}
.mty-datebox {width:100%; height:32px; color:#000; font-size:13px; padding-left:10px; border:1px solid #e1e1e1;}

.mullty-searchbox {width:100%; float:left; text-align:right;}
.mtybtmbox { margin:5px; background:#ff0000; font-size:15px; text-transform:uppercase; color:#fff; border:1px solid #e1e1e1; padding:5px 15px;cursor:pointer; border-radius:5px; font-weight:bold;}

.mtlbanner { width:100%;}

@media only screen and  (max-width : 991px) {

.mtlbanner { width:100%; display:none;}

}

@media only screen and  (max-width : 600px) {

.mullty-box-mainbox {float: left; width: 100%; background: #fff; padding: 9px 15px; display: none;}
.main-to-fstbox {float: left; width: 100%;}
.main-to-secbox {float: left; width: 100%; padding-right: 0px; margin-top:5px;}
.main-to-thirdbox {float: left; width: 100%; padding-right: 0px; margin-top:5px;}
.main-to-fourthbox {float: left; width: 100%; margin-top:5px;}
    .mullty-searchbox {text-align: center;}
}
.ui-datepicker.ui-datepicker-multi {
  width: 36em !important;
}

.dropdown {
                    position: absolute !important;
                    right: 10px;
                    top: 19px;
                     pointer-events: none;
                    &::after {
                        content: '\f107';
                        font-family: fontAwesome;
                        font-size: 22px;
                        color: #000;
                    }
                }