@media only screen and (max-width: 820px) and (min-width: 200px){

    #booking-content .one-category .flighttime, #booking-content .one-category .icon, #booking-content .one-category .pax, #booking-content .one-category .price{
        display: none;
    }
    #booking-content .booking-container {
        width               : 420px;
        max-width           : 100%;
    }

    #booking-content .engine input[type="text"],#booking-content .engine input[type="password"], select[name="countryCode"]{
        width               : 410px;
    }

    #booking-content .engine input.date,#booking-content .engine input.time{
        width               : 200px;
    }

    #booking-content .engine input.fuel-stop{
        width               : 236px;
    }

    #booking-content .engine input.pax{
        width               : 164px;
    }

    #booking-content .engine .date-time, #booking-content .engine .category-pax , #booking-content .engine .fuel-stop{
        margin-left         : 0 !important;
    }

    #booking-content .engine div.pax{
        margin-right        : 0 !important;
    }

    #booking-content .engine .left-group, #booking-content .engine div.date-time{
        margin-bottom       : 10px !important;
    }

    #booking-content .engine div.time{
        margin-right        : 0 !important;
    }

    #booking-content .datetimepicker {
        top                 : 601px !important;
    }

    #booking-content .engine .div-fuel-stop, #booking-content .engine div.fuel-stop{
        width: 235px;
    }

    #booking-content .booking-tool .body, #booking-content .map-tool, #booking-content #planes-result .planes-block, #booking-content #planes-result .planes-block .menu-bar,  #booking-content #planes-result .planes-block .planes-result, #booking-content #planes-result .planes-block .planes-result .filter, #booking-content #planes-result  .planes-block .planes-result .planes .item-block, #registration .register-login{
        width               : 450px;
    }

    #booking-content .item-block .price{
        right               : 0;
        width               : 116px;
        position            : absolute;
    }

    #booking-content .item-block .detail{
        border              : none;
        text-align          : center;
        margin-top          : 0;
        margin-left         : 26px;
    }

    #booking-content .engine .head h3 {
        font-size           : 23px !important;
        padding-left: 0px !important;
    }

    #booking-content .type-trip div {
        float               : none;
    }

    #booking-content .type-trip {
        left                : 132px;
        top                 : 7px;
    }

    #booking-content .steps {
        width               : 316px;
        left                : 55px;
        top                 : 76px;
    }

    #booking-content .logout-div {
        right               : 16px;
        top                 : 15px;
    }

    #booking-content .logout-div .logout {
        width               : 62px !important;
        padding-left        : 20px;
        padding-right       : 20px;
        font-size           : 12px;
        line-height         : 14px;
        padding-top         : 9px;
        padding-bottom      : 9px;
    }

    #booking-content .typeHide {
        display             : none;
    }

    #booking-content #empty-legs-block{
        width               : 450px;
        height              : 580px;
    }

    #booking-content #empty-legs-block .empty-legs{
        width               : 432px;
        margin-bottom       : 22px;
    }
    #booking-content #empty-legs-block .empty-legs:first-child{
        margin-left         : 0px;
    }

    #booking-content .engine .head {
        padding-bottom      : 72px;
    }

    .empty-legs-btn {
        left                : 209px;
        top                 : 15px;
    }

    .results .detail-btn button {
        width               : 110px !important;
    }

    #booking-content .block-menu {
        float               : none;
        width               : 100% !important;
    }

    #booking-content .planes-result .row-head select{
        margin-top          : -11px !important;
    }

    #booking-content .item-block .info .images img {
        width               : 100px;
        height              : 56px;
    }

    #booking-content .item-block .info {
        width               : 230px;
    }

    #booking-content .item-block .info div {
        width               : 226px;
    }

    #booking-content .item-block .info div span {
        font-size           : 11px;
    }

    #booking-content .item-block .info div span {
        font-size           : 11px;
    }

    #booking-content .item-block .info div button {
        height              : 15px;
        font-size           : 12px;
        padding             : 10px;
        margin-right        : -12px;
    }

    #booking-content .airports {
        margin-left         : 0;
    }

    #booking-content .info-plane {
        margin-left         : 50px;
        margin-top          : -32px;
        width               : 386px;
    }

    #booking-content .slider-plane {
        margin-left         : 12px;
        width               : 424px;
    }

    #booking-content .bx-wrapper{
        width               : 424px;
    }

    #booking-content .bx-wrapper .slides li > img , #booking-content .slider-plane .bx-wrapper .slides li .diagram > img{
        height              : 234px !important;
    }

    #booking-content .bx-wrapper .slides li{
        height              : 234px !important;
    }

    #booking-content .diagram-h-arrows .arrows{
        margin-left         : 10px;
        line-height         : 47px;
    }

    #booking-content .cabin-v-arrows .arrows{
        line-height         : 12;
    }

    #booking-content .info-trip .info-trip-content .trip-info {
        font-size           : 11px;
        line-height         : 17px;
        width               : 420px;
        margin-left         : -27px;
    }

    #trip-confirmation .info-trip-content .trip-info .tc-button button{
        margin-right        : -9px;
        margin-top          : -9px;
    }

    #trip-confirmation .tc-date img {
        height              : 27px;
    }

    #trip-confirmation .tc-date div.tc-center {
        margin-left         : 18px;
        width               : 88px;
    }

    #trip-confirmation .tc-date div:first-child {
        margin-left         : 3px;
        margin-top          : 8px;
    }

    #trip-confirmation .tc-date div:last-child {
        margin-right        : 3px;
        margin-top          : 8px;
    }

    #trip-confirmation .trip-info .bottom-empty .left-empty , .trip-info .bottom-empty .right-empty {
        width               : 133px;
    }

    #trip-confirmation .trip-info .bottom-empty .center-empty{
        margin-top          : 13px;
    }

    #trip-confirmation .center-tc-arrow div:first-child .arrow-up {
        margin-left         : 55px;
    }

    #trip-confirmation .center-tc-arrow .arrow-up{
        margin-left         : 301px;
    }

    #trip-confirmation .trip-info .tc-date{
        margin-top          : 10px;
    }

    #booking-content div.info-trip div.row div.info-trip-content {
        margin-left         : 58px;
    }

    #trip-confirmation .info-trip-slider {
        margin-left         : 21px !important;
        margin-top          : 5px !important;
    }

    #trip-confirmation .info-trip-slider div:last-child{
        width               : 416px;
    }

    #trip-confirmation .info-trip .info-trip-buttons button {
        width               : 151px !important;
    }

    #booking-content div.info-trip div.row div.info-trip-slider div:last-child {
        margin-bottom       : 5px;
        margin-left         : 0;
    }

    #booking-content .logout-div, #booking-content .login-div{
        top                 : 15px;
        right               : -5px;
    }

    .planes-result .planes .detail > br {
        display             : none;
    }
    #booking-content .item-block .detail {
        height              : 77px;
    }

    .oLoader-div-parent{
        left                : 8%;
    }

    .currency-btn{
        top                 : 16px;
        left                : 162px;
    }

    #booking-core .currency-btn {
        top                 : 15px;
        left                : 131px;
        padding             : 7px 6px !important;
    }
    #alert-mobile img{
        width               : 100px;
        height              : 34px ;
    }

    #planes-result.exterior-emptyleg .planes-block .item-block .info{
        margin-left         : 0;
    }

    #planes-result.exterior-emptyleg .planes-block .item-block .info div:first-child{
        width               : 300px !important;
    }

    #planes-result.exterior-emptyleg .slider-plane {
        margin-left         : 12px;
    }

    #planes-result.exterior-emptyleg .info-plane {
        margin-left         : 50px;
    }

    #planes-result.exterior-emptyleg .planes-block .item-block .detail {
        margin-left         : 60px;
    }

}

@media only screen and (max-width: 520px) and (min-width: 200px){
    #booking-content .one-category .flighttime, #booking-content .one-category .icon, #booking-content .one-category .pax, #booking-content .one-category .price{
        display: none;
    }
    #booking-content .booking-container {
        width               : 340px;
    }

    #booking-content .engine input[type="text"], #booking-content .engine input[type="password"]{
        width               : 330px;
    }

    #booking-content .engine input.date, #booking-content .engine input.time {
        width               : 160px;
    }

    #booking-content .engine div.fuel-stop{
        width               : 200px;
    }

    #booking-content .engine input.pax {
        width               : 120px;
    }

    #booking-content .engine .div-fuel-stop{
        width               : 200px;
    }

    #booking-content .engine div.fuel-stop{
        width               : 200px;
    }

    #booking-content .booking-tool .body, #booking-content .map-tool, #booking-content #planes-result .planes-block, #booking-content #planes-result .planes-block .menu-bar,  #booking-content #planes-result .planes-block .planes-result, #booking-content #planes-result .planes-block .planes-result .filter, #booking-content #planes-result  .planes-block .planes-result .planes .item-block{
        width               : 370px;
    }

    #booking-content .item-block .price{
        right               : 0;
        width               : 116px;
        position            : absolute;
    }

    #booking-content .item-block .detail{
        border              : none;
        text-align          : center;
        margin-top          : 0;
        margin-left         : 26px;
    }

    #booking-content .steps {
        width               : 270px;
        top                 : 79px;
        left                : 44px;
    }

    #booking-content .logout-div {
        top                 : 19px;
        right               : -11px;
    }

    #booking-content .typeHide {
        display             : inline;
    }

    #booking-content .type-trip {
        left                : 138px;
    }

    #booking-content .logout-div .logout {
        width               : 42px !important;
    }

    #booking-content .engine .head {
        padding-bottom      : 75px;
    }

    .empty-legs-btn {
        left                : 139px;
        top                 : 19px;
    }

    .results .detail-btn button{
        width               : 80px !important;
    }

    #booking-content #categories-result .one-category .category-name {
        width               : 190px;
    }

    #booking-content .planes-result .row-head select{
        width               : 233px !important;
        margin-top          : -11px !important;
    }

    #booking-content .detail .icons {
        margin-left         : -12px;
    }

    #booking-content .info-plane {
        margin-left         : 12px;
        margin-top          : -37px;
        width               : 384px;
    }

    #booking-content .bx-wrapper , #booking-content .slider-plane {
        width               : 346px;
    }

    #booking-content .bx-wrapper .bx-viewport li > img , #booking-content .slider-plane .bx-wrapper .bx-viewport li .diagram > img{
        height              : 195px !important;
    }

    #booking-content .bx-wrapper .bx-viewport li{
        height              : 195px !important;
    }

    #booking-content .diagram-h-arrows .arrows{
        margin-left         : 0px;
        line-height         : 47px;
        width               : 333px;
    }

    #booking-content .cabin-v-arrows .arrows{
        line-height         : 10;
    }

    #booking-content .cabin-h-arrows .arrows{
        margin              : auto auto auto 49px;
        line-height         : 3;
    }

    #booking-content .airports {
        margin-left         : -42px;
    }

    #booking-content .info-trip .info-trip-content .trip-info {
        font-size           : 9px;
        line-height         : 14px;
        width               : 348px;
        margin-left         : -32px;
    }

    #trip-confirmation .trip-info .bottom-empty .left-empty, .trip-info .bottom-empty .right-empty {
        width               : 106px;
    }

    #trip-confirmation .center-tc-arrow div:first-child .arrow-up {
        margin-left         : 40px;
    }

    #trip-confirmation .center-tc-arrow .arrow-up {
        margin-left         : 241px;
    }

    #trip-confirmation .tc-date img {
        height              : 21px;
    }

    #trip-confirmation .tc-date div.tc-center {
        margin-left         : 7px;
    }

    #trip-confirmation .tc-date div:last-child {
        margin-right        : -8px;
    }

    #trip-confirmation .tc-date div:first-child {
        margin-left         : -3px;
    }

    #trip-confirmation .info-trip-slider div:last-child{
        width               : 347px;
    }

    #trip-confirmation .info-trip-slider textarea{
        width               : 327px;
    }

    #trip-confirmation .info-trip .info-trip-buttons button {
        width               : 113px !important;
    }

    #trip-confirmation .info-trip-slider {
        margin-left         : 14px !important;
    }

    #booking-content div.info-trip div.row div.info-trip-slider div:last-child {
        margin-bottom       : 5px;
    }

    #booking-content .body .search-btn button {
        width               : 125px !important;
    }

    #booking-content #empty-legs-block {
        width               : 370px;
    }

    #booking-content #empty-legs-block .empty-legs {
        width               : 334px;
        margin-left         : 4px;
    }

    #booking-content #empty-legs-block .empty-legs:first-child{
        margin-left         : 4px;
    }

    #test-btn{
        width               : 123px;
    }

    #booking-content .logout-div, #booking-content .login-div{
        top                 : 19px;
        right               : -21px;
    }

    #booking-core .currency-btn {
        top                 : 81px;
        left                : -9px;
        padding             : 7px 2px !important;
    }

    .currency-btn {
        top                 : 19px;
        left                : 139px;
    }
    #alert-mobile img{
        width               : 100px;
        height              : 34px ;
    }

    #planes-result.exterior-emptyleg .info-plane {
        margin-left         : 12px;
    }

    #planes-result.exterior-emptyleg .planes-block .item-block .info div:first-child {
        width               : 226px !important;
    }

}