<div class="top-header-area bg-color">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <ul class="top-header-social">
                    <li>
                        <a href="#" class="facebook" target="_blank">
                            <i class='bx bxl-facebook'></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="pinterest" target="_blank">
                            <i class='bx bxl-instagram'></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="pinterest" target="_blank">
                            <i class='bx bxl-linkedin'></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="twitter" target="_blank">
                            <i class='bx bxl-twitter'></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="linkedin" target="_blank">
                            <i class='bx bxl-youtube'></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-6">
                <ul class="top-header-others">
                    <li>
                        <div id="show-hidden-menu" class="pradesh-tab">

                            <i class='bx bx-location-plus'></i>
                            <a href="javascript:">प्रदेश</a>
                        </div>

                        <div class="login">
                            <a href="javascript:" data-toggle="modal" data-target="#exampleModal">
                                <i class="fas fa-user"></i>
                            </a>
                        </div>
                    </li>
                    <li>
                        <i class='bx bx-user'></i>
                        <a href="login.php">लगइन</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- End Top Header Area -->

<!-- Start Navbar Area -->

<div class="main-responsive-nav">
    <div class="container">
        <div class="logo">
            <a href="index.php">
                <img src="{{asset('hulka/assets/img/logo-1.png')}}" class="black-logo" alt="image">
                <img src="{{asset('hulka/assets/img/logo-3.png')}}" class="white-logo" alt="image">
            </a>
        </div>
    </div>
    <div class="col-lg-6">
        <img src="{{asset('hulka/assets/img/add/ads1.gif')}}" alt="image">
        <img src="{{asset('hulka/assets/img/add/ads1.gif')}}" alt="image">
    </div>
</div>
<div class="main-navbar">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <nav class="navbar navbar-expand-sm navbar-light">
                    <a class="navbar-brand" href="index.php">
                        <img src="{{asset('hulaki/assets/img/logo.gif')}}" class="black-logo" alt="image"
                            style="margin-left: -20px;max-width: 350px; height: auto; display: block;">
                        <img src="{{asset('hulaki/assets/img/logo.gif')}}" class="white-logo" alt="image" style="margin-left: -20px;">
                    </a>
                </nav>
            </div>
            <div class="col-lg-6">
                <nav class="navbar navbar-expand-sm navbar-light">
                    <a class="navbar-brand">
                        <img src="{{asset('hulaki/assets/img/add/ads10.gif')}}" class="black-logo" alt="image"
                            style="margin-left: -250px;max-width: 880px; height: auto; display: block;">
                    </a>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="top-header-area bg-color">
    <div class="container">
        <div class="row align-item-center">
            <div class="col-lg-12">
                <div class="hidden-menu" style="display: none;">
                    <ul>
                        <li><a href="politics.php" href="javascript:">प्रदेश १<img src="{{asset('hulaki/assets/img/pradesh/p1.jpg')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश २<img src="{{asset('hulaki/assets/img/pradesh/p2.jpg')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश ३<img src="{{asset('hulaki/assets/img/pradesh/p3.png')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश ४<img src="{{asset('hulaki/assets/img/pradesh/p4.png')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश ५<img src="{{asset('hulaki/assets/img/pradesh/p5.png')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश ६<img src="{{asset('hulaki/assets/img/pradesh/p6.png')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                        <li><a href="politics.php" href="javascript:">प्रदेश ७<img src="{{asset('hulaki/assets/img/pradesh/p7.png')}}"
                                    alt="Pradesh" class="img-fluid"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="navbar-area navbar-two">
    <div class="top-header-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="main-navbar">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">
                            <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"
                                style="margin-left: -5%;">
                                <ul class="navbar-nav">
                                    <li class="nav-item">
                                        <a href="{{route('home')}}" class="nav-link">
                                            होमपेज
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}olitics.php" class="nav-link">
                                            देश
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            राजनिती
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            अर्थ/वाणीज्य
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            व्यापार
                                        </a>
                                    </li>
                                    <li class="nav-item ">
                                        <a href="{{route('single')}}" class="nav-link">
                                            समाज
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            विचार
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            खेलकुद
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            सांस्कृतिक
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            शिक्षा/स्वास्थ्य
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            समाचार
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            अन्तराष्ट्रिय
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            कृषि
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="{{route('single')}}" class="nav-link">
                                            मनोरंजन
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#" class="nav-link">
                                            अन्य
                                            <i class='bx bx-chevron-down'></i>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    अन्तरवार्ता
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    फेसन
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    जिवनशैली
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    भिडियो
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    बिज्ञान/प्रविधि
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{route('single')}}" class="nav-link">
                                                    सुरक्षा/अपराध
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="others-option-for-responsive">
            <div class="container">
                <div class="dot-menu">
                    <div class="inner">
                        <div class="circle circle-one"></div>
                        <div class="circle circle-two"></div>
                        <div class="circle circle-three"></div>
                    </div>
                </div>

                <div class="container">
                    <div class="option-inner">
                        <div class="others-options d-flex align-items-center">
                            <div class="option-item">
                                <form class="search-box">
                                    <input type="text" class="form-control" placeholder="खोज्नुहोस्">
                                    <button type="submit"><i class='bx bx-search'></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Navbar Area -->