Revonzy Mini Shell

<style>
    .main_container{
        /* width: 100px; */
    }
  
    #header{
        width:100%; 
    }

	@media only screen and (max-width: 600px) {
        /* #header { */
/* width: 200px!important; */
        /* } */
        .top-container{
        width:1070px; 

    }

	.header-icons{
		width: 100;
		height: 80;
        margin-top: 25px;
	}
	.dt_header_title_2{
		padding-left: 0px;
		margin-left	: 0px;
		text-align: left;
        font-size: 15px;
        width: 400px;
	}
	.dt_header_title_1{
		text-align: left;
		font-size: 25px;
		width: 500px;
        line-height: 1.5;
	}
    .dt_header_title_1_down{
        margin-left: 150px;
    }
    .dt_header_title_1_top{
        margin-left: 19px;
    }
    .top-head{
        margin-left: 18px;
    }
	}
</style>

<style>
    @media only screen and (max-width: 600px) {
  body {
    /*background-color: lightblue;*/
  }
  /* #header
  {
      max-width:600px;
  } */
}


/* mobile style  */

        #google_translate_element {
            padding-top: 0px;
            text-align: right;
			/* padding-bottom: -40px; */
        }
		.menu_list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
        }
        .toggle-btn {
            display: none;
            background-color: #333333;
            color: white;
            border: none;
            padding: 10px;
            font-size: 16px;
            cursor: pointer;
            width: 100%;
        }
        @media only screen and (max-width: 600px) {
            .menu_list {
                flex-direction: column;
                display: none;
                text-align: center;
            }
            .toggle-btn {
                display: block;
            }
        }
</style>
<div class="main_container" style="width:100%;">
<div id="header" style="margin-top:0px;">
	<div style="  margin:auto;">
	<div style=" margin:auto;">
	<img src="../images/dnyanjyot-logo.png" class="header-icons" />
	<a href="/" style="text-decoration:none;">
	<br />
	<div class="dt_header_title_2">
		ज्ञानज्योत बहुउद्देशीय शिक्षण संस्था संचलित  रजि.नं. <span class="top-head">महा/२७५/२०१६/ एफ २७३५०/ सोलापूर.</span>
	</div>
	<div class="dt_header_title_1" style="margin-bottom:0px;">
		<!-- <div class="infront_tm" style="text-transform:uppercase;"><?php echo $project_name; ?></div> -->
		<div class="infront_tm" style="text-transform:uppercase;"><span class="dt_header_title_1_top">राज्यस्तरीय ज्ञानज्योत </span><span class="dt_header_title_1_down">टॅलेंट सर्च परीक्षा</span></div>
	</div>
	<!--<div class="dt_header_title_2">
		( State Level Aspiration Talent Search Examination )
	</div>-->
	</a>
	</div>			
</div>
</div>
<button class="toggle-btn" onclick="toggleMenu()">☰ Menu</button>
    
    <div id="menubar">
        <div class="main_container" style="width:100%;">
            <div id="google_translate_element"></div>
            <ul class="menu_list">
                <li class="menuli">
                    <a href="/index.php" class="<?php if($current_page=="home") echo 'active'; ?>">पहिले पान</a>
                </li>
                <li class="menuli">
                    <a href="/about-us.php" class="<?php if($current_page=="about_us") echo 'active'; ?>">आमच्या विषयी</a>
                </li>
                <li class="menuli">
                    <a href="/important.php" class="<?php if($current_page=="important") echo 'active'; ?>">अत्यंत महत्वाचे</a>
                </li>
                <li class="menuli">
                    <a href="/downloads-section.php" class="<?php if($current_page=="downloads_section") echo 'active'; ?>">डाऊनलोड</a>
                </li>
                <li class="menuli">
                    <a href="/gallery.php" class="<?php if($current_page=="gallery") echo 'active'; ?>">गॅलरी</a>
                </li>
                <li class="menuli">
                    <a href="/contact-us.php" class="<?php if($current_page=="contactus") echo 'active'; ?>">संपर्क</a>
                </li>
                <li class="menuli">
                    <a href="/feedback.php" class="<?php if($current_page=="feedback") echo 'active'; ?>">अभिप्राय</a>
                </li>
                <?php if(isset($_SESSION['current_member_email'])) { ?>
                    <li class="menuli">
                        <a href="/members/dashboard.php" style="color:YELLOW; text-decoration:none;">मेम्बर होम</a>
                    </li>    
                <?php } ?>
            </ul>
        </div>
    </div>   

    <script>
        function toggleMenu() {
            var menu = document.querySelector('.menu_list');
            if (menu.style.display === "block") {
                menu.style.display = "none";
            } else {
                menu.style.display = "block";
            }
        }

        function googleTranslateElementInit() {
            new google.translate.TranslateElement({pageLanguage: 'mr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
        }
    </script>	
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>  
</div>