.leftcode,
.rightcode {
    display: inline-block
}

.twitter-typeahead {
    width: 100%
}

.tt-menu {
    background-color: #fff;
    width: 200%;
    margin-top: 15px;
    box-shadow: 1px 1px 10px #9c9c9c;
    -webkit-box-shadow: 1px 1px 10px #9c9c9c;
    -o-box-shadow: 1px 1px 10px #9c9c9c;
    -moz-box-shadow: 1px 1px 10px #9c9c9c
}

.selected-dates a {
    background-color: #d3dfe8!important
}

.mainautodiv {
    padding: 7px 15px 0;
    cursor: pointer;
    margin-left: 0;
    border-bottom: #ddd solid 1px
}

.mainautodiv:first-child,
.mainautodiv:hover,
.tt-cursor {
    border-left: #e31e24 solid 5px!important;
    margin-left: 0!important;
    background-color: #f3f3f3
}

.airport-error {
    background-color: rgba(255, 0, 0, .12);
    margin-bottom: 0;
    padding: 7px 15px;
    color: #cc3b02;
    font-size: 14px
}

.airport-error span {
    float: right
}

.headingpopular {
    font-size: 13px!important;
    padding: 8px 15px 7px;
    font-weight: 700!important;
    background-color: rgba(252, 176, 106, .51);
    width: 100%
}

.leftcode {
    width: 18%
}

.leftcode span {
    border: 1px solid #e31e24;
    position: relative;
    top: -10px;
    padding: 3px 9px;
    border-radius: 3px;
    color: #e31e24;
    font-size: 12px
}

.rightcode {
    width: 82%
}

.rightcode h3 {
    font-size: 13px!important;
    margin-bottom: 1px;
    color: #232323;
    font-weight: 400!important
}

.rightcode p {
    font-size: 12px;
    color: #33b1dc;
    font-weight: 300;
    margin-bottom: 0
}

span.arrowtop {
    position: relative;
    background: #fff;
    color: #000;
    padding: 1px 3px;
    font-size: 11px;
    border-radius: 3px;
    border: 1px solid red;
    float: right;
    top: 5px
}

.arrowtop:after,
.arrowtop:before {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrowtop:before {
    border-left: 13px solid transparent;
    border-bottom: 10px solid #9c9c9c40;
    border-right: 13px solid transparent;
    top: -14px;
    margin-left: -3px
}

.arrowtop:after {
    border-bottom-color: #fff;
    border-width: 10px
}

.clearfield {
   position: absolute;
    display: block;
    bottom: 12px;
    right: 10px;
    /* top: 0; */
    cursor: pointer;
    color: rgba(227, 30, 36, 0.65);
    border: rgba(227, 30, 36, 0.51) solid 1px;
    border-radius: 50%;
    padding: 0px 5px 1px;
    font-size: 15px;
    height: 20px;
    line-height: 15px;
}

::-webkit-input-placeholder {
    font-size: 13px
}

::-moz-placeholder {
    font-size: 13px
}

:-ms-input-placeholder {
    font-size: 13px
}

:-moz-placeholder {
    font-size: 13px
}

@media (max-width:1024px) {
    .tt-menu {
        width: 250%
    }
}

@media only screen and (min-width:481px) and (max-width:992px) {
    .tt-menu {
        width: 100%
    }
}

@media only screen and (min-width:257px) and (max-width:480px) {
    .tt-menu {
        width: 100%
    }
    .headingpopular {
        font-size: 12px
    }
    .mainautodiv {
        padding: 5px 10px
    }
    .leftcode {
        width: 20%
    }
    .rightcode {
        width: 80%
    }
    .leftcode span {
        top: -10px;
        padding: 3px 5px;
        font-size: 10px
    }
    .rightcode p {
        font-size: 9px
    }
    .rightcode h3 {
        font-size: 11px
    }
}