<ati-navbar></ati-navbar>
<div class="ati_main_wrapper">
    <ati-mainmenu></ati-mainmenu>
    <h4 fxLayout="row" fxLayoutAlign="space-between center">
        <div>
            <span class="head">Exclusive Deals</span>
        </div>
        <div>
            <span class="more">All Deals</span>
        </div>
    </h4>

    <offers></offers>
    <h4 fxLayout="row" fxLayoutAlign="space-between center">
        <div>
            <span class="head">Upcoming Itinerary</span>
        </div>
        <div>
            <span class="more">More</span>
        </div>
    </h4>
    <div class="upcoming_list">
        <div class="itinary_inner">
            <h5 class="">Delhi <span><img src="../../../assets/mainmenu/arrow.png"></span> Mumbai</h5>
            <h6 class="">in 5 Days</h6>
            <div class="clear"></div>
            <h4 fxLayout="row" fxLayoutAlign="space-between center"><span>9 Aug, 2019</span><span>|</span><span>10 Aug,
                2019</span><span>|</span><span>Non Stop</span><span>|</span><span>3 Travellers</span></h4>
        </div>
    </div>

    <h4 fxLayout="row" fxLayoutAlign="space-between end">
        <div>
            <strong>Trending</strong><br>
            <span class="head">Destinations</span>
        </div>
        <div>
            <span class="more">All Destinations</span>
        </div>

    </h4>
    <ati-destination></ati-destination>
</div>