EVOLUTION-NINJA

Edit File: login.php

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<title>Power Pik</title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/main.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css');?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/font-awesome.min.css');?>" />
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">	
	
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.6.0.min.js');?>"></script>
	<script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script>
</head>
<body>	
	 
	<div class="header-top">
	</div>
	<header>
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<div class="logo-main">
						<a href=""><img src="<?php echo base_url('assets/img/F1.svg');?>" class="img-responsive center-block"></a>
					</div>
				</div>
				<div class="col-sm-offset-1 col-sm-7">
					<div class="nav-menu">
						<div class="hotline-block">
							
							
							
							
							
							
							
							<div class="hotline-block11">
    							<img src="<?php echo base_url('assets/images/hotline_bg.png');?>" alt="icon" class="img-responsive">
    							<a href="tel:1800 102 3699">1800 102 3699</a>
    						</div>
						</div>
						
						<div class="log-link">
							<p><a href="" data-toggle="modal" data-target="#logmod">Login</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	
	
	
	
	
	<div class="slide">
		
    	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			
			<ol class="carousel-indicators">
				<?php foreach($images as $key=>$image) { ?>
			  	<li data-target="#carousel-example-generic" data-slide-to="<?php echo $key;?>" class="<?php if($key == 0){ echo 'active';}?>"></li>
			  	<?php } ?>
			   
			</ol>
			
			
			<div class="carousel-inner">
				<?php foreach($images as $keys=>$imagess) { ?>
			    <div class="item <?php if($keys == 0){ echo 'active';}?>">
			    	<img src="<?php echo base_url('home_page_images');?><?php echo '/'.$imagess->image;?>" alt="First slide" class="img-responsive">
                    
                    <div class="header-text hidden-xs">
                        <div class="col-md-12 text-center">
                            
                           
                        </div>
                    </div>
			    </div>
			    <?php } ?>
			</div>
			
			
			<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
		    	<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" data-slide="next" >
		    	<span class="glyphicon glyphicon-chevron-right" ></span>
			</a>
		</div>
	</div>

<section class="home-yas">
		<div class="container">
			<div class="mid-image">
				
			</div>
		</div>
	</section>

<section class="blue-block">
		<div class="container">
			<h2><b>Power Pik Care for sales & services</b></h2>
			<h2><b>1800 102 3699</b></h2>
			<div class="row">
				<div class="col-sm-4">
					<div class="blu-left">
					<img src="<?php echo base_url('assets/images/sale-Icon1.png');?>" alt="icon" class="img-responsive center-block">
						<h3>For AC Drives & Motion Control</h3>
					
					</div>
				</div>
				<div class="col-sm-4">
					<div class="blu-mid">
						<a href="https://service.Power_Pik.in" >	<h2><b>Service Quick</b></h2></a>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="blu-right">
						<img src="<?php echo base_url('assets/images/sale-Icon2.png');?>" alt="icon" class="img-responsive center-block">
						<h3>For Robotics Sales</h3>
					
					</div>
				</div>
			</div>
		</div>
	</section>

<section class="footer-bl">
		<div class="container">
			<div class="abt-accor">
				<button class="accordion">Corporate and Registered Office</button>
				<div class="panel">
					<div class="acc-inblock">
					  	<h4><b>ADDRESS</b></h4>
					  	<p>Power Pik INDIA PVT LTD.,</p>
					  	<p>#17/A, 2nd Main, Electronic City, Phase - I,Hosur Road, Bengaluru - 560 100,India</p>
					</div>
					<div class="acc-inblock">
					  <h4><b>Email Us</b></h4>
					  	<p>For General Information : <a href="mailto:info@PowerPik.in">info@Power_Pik.in</a></p>
					  	<p>For Careers : <a href="mailto:careers@Power_Pik.in">careers@Power_Pik.in</a></p>
					</div>
					<div class="acc-inblock">
					  	<h4><b>Telephone</b></h4>
					  	<p><a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p>
					</div>
					<div class="acc-inblock">
						<h4><b>Fax</b></h4>
						<p>+91 80 4244 1901</p>
					</div>
				</div>

<button class="accordion">Drives & Motion Control Division</button>
				<div class="panel">
					<div class="acc-blo1">
					  	<div class="row">
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>Bengaluru</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				<p>#17/A, 2nd Main, Electronic City, Phase - I,Hosur Road,</p>
					  				<p>Bengaluru - 560 100,India</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Email Us</b></h5>
					  				<p>For Sales Information : <a href="mailto:sales@PowerPik.in">sales@PowerPik.in</a></p>
					  				<p>For Service Information : <a href="mailto:service@PowerPik.in">service@PowerPik.in</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 80 4244 1900">+91 80 4244 1900</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Fax</b></h5>
					  				<p>+91 80 4244 1901</p>
					  			</div>
					  		</div>
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>MUMBAI</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				
									<p>1308, Regus, Level 13, Platinum Techno Park,</p>
									<p>Plot No 17 & 18, Sector 30A, Vashi, Navi</p>
									<p>Mumbai – 400 705, India</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 22 4880 0774">+91 22 4880 0774</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Fax</b></h5>
					  				<p>+91 22 4880 0779</p>
					  			</div>
					  		</div>
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>GURUGRAM</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				
									<p>Plot No. 136, Block-B, Sector-8, IMT, Manesar,</p>
									<p>Gurugram, Haryana – 122050.</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 124 4758500">+91 124 4758500</a></p>
					  			</div>
					  			
					  		</div>
					  	</div>
					</div>
					<hr>
					<div class="acc-blo1">
					  	<div class="row">
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>RAIPUR/ DURG</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				<p>142/93, Vidyut Nagar, Durg, Chhattisgarh</p>
					  				<p>- 491001</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Email Us</b></h5>
					  				<p><a href="mailto:chandrabhan_c@Power Pik.in">chandrabhan_c@Power Pik.in</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 94 2410 0164">+91 94 2410 0164</a></p>
					  			</div>
					  		</div>
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>KOLKATA</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				<p>#24, B. L. C. Mills Road, P.O. Mahesh,</p>
					  				<p>Dist. Hooghly - 712202</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Email Us</b></h5>
					  				<p><a href="mailto:sumit_p@Power Pik.in">sumit_p@Power Pik.in</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 98 3642 7272">+91 98 3642 7272</a></p>
					  			</div>
					  		</div>

<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>PUNE</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				<p>C/o Rahul Enterprises, Plot No. 3B+3part-</p>
					  				<p>1/2, D-I Block, Akrudi Industrial Estate,</p>
					  				<p>M.I.D.C Chinchwad -411019, Pune</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Email Us</b></h5>
					  				<p><a href="mailto:anurag_t@Power Pik.in">anurag_t@Power Pik.in</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 77098 23557">+91 77098 23557</a></p>
					  			</div>
					  		</div>
					  	</div>
					</div>
					<hr>
					<div class="acc-blo1">
					  	<div class="row">
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>AHMEDABAD</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				
									<P>GF-20, FF-19, Vraj Valencia, Behind Mahindra</P>
									<P>Show Room, Nr. Kargil Petrol Pump, S G</P>
									<P>Highway, Sola, Ahmedabad – 380060, Gujarat,India</P>
					  			</div>
					  			
					  		</div>
					  		
					  		<div class="col-sm-4">
					  			<div class="acc-inblock1">
					  				<h5><b>CHENNAI</b></h5>
					  				<p>Power Pik India Pvt Ltd.,</p>
					  				
									<p>No.135 A&B, Block-1, Kavitha Towers,</p>
									<p>Poonamalle High Road, Velappanchavadi,</p>
									<p>Chennai – 600077, Tamil Nadu.</p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Email Us</b></h5>
					  				<p><a href="mailto:sreekumar_n@Power Pik.in">sreekumar_n@Power Pik.in</a></p>
					  			</div>
					  			<div class="acc-inblock1">
					  				<h5><b>Telephone</b></h5>
					  				<p><a href="tel:+91 95737 70123">+91 95737 70123</a></p>
					  			</div>
					  		</div>
					  	</div>
					</div>
				</div>

<button class="accordion">Robotics Division</button>
				<div class="panel">
				  	<div class="acc-inblock2">
	  					<h5><b>GURGAON</b></h5>
	  					<p>Power Pik India Pvt Ltd.,</p>
	  					<p>Plot No. 426, Udyog Vihar Phase 4, Gurgaon, Haryana -</p>
	  					<p>122016, India</p>	
	  				</div>
	  				<div class="acc-inblock2">
		  				<h5><b>Email Us</b></h5>
		  				<p>For Information : <a href="mailto:motomansales@Power Pik.in">motomansales@Power Pik.in</a></p>
		  			</div>
		  			<div class="acc-inblock2">
		  				<h5><b>Telephone</b></h5>
		  				<p><a href="tel:+91 124 4758500">+91 124 4758500</a></p>
		  			</div>
		  			<div class="acc-inblock2">
		  				<h5><b>Fax</b></h5>
		  				<p>+91 124 4758542</p>
		  			</div>
				</div>
			</div>
		</div>
	</section>
	
	
	<div class="cpyrights">
		<div class="container">
			<p>2019 &copy; Power Pik All Rights Reserved</p>
		</div>
	</div>

<div class="modal-content">
		      		<div class="modal-header">
		       			<img src="<?php echo base_url('assets/img/F1.svg');?>" class="img-responsive center-block"  width="200px">
		      		</div>
			      	<div class="modal-body">
			      	    <div class="flash_msg"></div>
			      	    <?php echo $this->session->flashdata('msg2');?>
			      		<div class="mod-cla">
				        	<form action="<?php echo site_url('controller/login');?>" method="post">
						
				        		<label>Username</label>
				        		<input type="text" name="email" required="required" class="form-control form-group usname"  pattern="([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})|([a-zA-Z0-9_-]{3,20})">
				        		<label>Password</label>
				        		<input type="password" name="password" required="required" class="form-control form-group pass">
				        		<p><a href="<?php echo site_url('controller/forgotpass');?>">Forgot Password?</a></p>
				        		 <button type="submit" class="btn-primary form-control form-group">Log In</button> 
				        		
				        	</form>
				        </div>
				        <button type="button" class="btn btn-danger form-control form-group" data-dismiss="modal">Close</button>
			      	</div>
		    	</div>
		  	</div>
		</div>
</body>
</html>

}
	</script>
	<script>
		var acc = document.getElementsByClassName("accordion");
		var i;

for (i = 0; i < acc.length; i++) {
		  acc[i].addEventListener("click", function() {
		    /* Toggle between adding and removing the "active" class,
		    to highlight the button that controls the panel */
		    this.classList.toggle("active1");

/* Toggle between hiding and showing the active panel */
		    var panel = this.nextElementSibling;
		    if (panel.style.display === "block") {
		      panel.style.display = "none";
		    } else {
		      panel.style.display = "block";
		    }
		  });
		}
		</script>
		
		<script type="text/javascript">
			$('.select_option').click(function(e)
			{

e.preventDefault();

var select_option = $("input[name='optradio']:checked").val();
				var feedback_id = $(".feedback_id").val();

$.ajax({
					type:'post',
					url:'<?php echo base_url("controller/add_feedbacks"); ?>',
					data:{'select_option':select_option,'feedback_id':feedback_id},
					async: false,

success:function(data){
		                  //alert('Added!');
		                  location.reload();
		                }
					 
				});
				
			});
		</script>
		<script>
$(document).ready(function(){
	var a;
	var b;
	 function tabs(a) {
		alert(a);
		alert(b);
	  
    }
	
    
});

</script>

.carousel-inner img {
    width: 100%;
    max-height:500px;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	//background-color: #000;
}
.carousel-control.right span
{
margin-right: 16px;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.navigation1
{
color:white;
}
.navigation1 a
{
color:#c3baba;
}
header{
	padding:15px 0px;
}
.header-top{
	background: #0066B3;
	height: 10px;
}
.nav-menu{
	display: flex;
	justify-content:flex-end;
	align-items: center;
}
.hotline-icon{
	margin-right: 10px;
}
.hotline-info h4{
	color: #0066B3;
	font-weight: bold;
}
.hotline-info p a{
	color: #8C8C8C;
	font-weight: bold;
	transition: all .5s ease;
}
.hotline-info p a:hover{
	text-decoration: none;
	color: #0066B3;
}
.hotline-block{
	display: flex;
	justify-content: center;
	align-items: center;
}
.hotline-block11 {
	position: relative;
}
.hotline-block11 a {
	position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    transition: all .5s ease-in-out;
}
.hotline-block11 a:hover, .hotline-block11 a:focus {
    text-decoration: none;
    color: green;
    transform: scale(1.2);
	padding-left: 8%;
}
.log-link{
	margin-left: 50px;
}
.log-link p a {
	background: #0065b3;
	padding: 10px 30px;
	border-radius: 20px;
	display: inline-block;
	color: white;
	transition: all .5s ease;
	border:1px solid #0066B3;
	font-size: 16px;
}
.log-link p a:hover{
	background: #ebf0f4;
    color: #006fc1;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
}
.contact-link{
	font-weight: bold;
	font-size: 16px;
	margin-left: 50px;
}
.contact-link p a{
	color: #0065B3;
}
.contact-link p a:hover{
	text-decoration: none;
	color:#0066B3;
}
.home-mid-one{
	padding: 2% 0%;
}
.events-block{
	border: 2px solid #0065B3;
	padding: 10px;
	text-align: justify;
	line-height: 2;
}
.events-block h5{
	color: #0065B3;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-bottom: 2px solid #0065B3;
	display: inline-block;
	margin-left: 35%;
}
.events-tabs .nav-tabs{
	border-bottom: none!important;
	text-align: center!important;
	margin-bottom: 20px;
}
.events-tabs .nav-tabs>li{
	float: none!important;
	display: inline-block!important;
	font-weight: bold!important;	
}
.events-tabs .nav-tabs>li>a{
	color: #C1C1C1!important;
}
.events-tabs .nav-tabs>li>a:hover{
	color: #0065B3!important;
	border-bottom: 2px solid #0065B3!important;
	border-right: transparent!important;
	border-top:transparent!important;
	border-left: transparent!important;
	background: white;
}
.events-tabs .nav-tabs>li.active>a,.events-tabs .nav-tabs>li.active>a:focus,.events-tabs .nav-tabs>li.active>a:hover{
	color: #0065B3!important;
	border-bottom: 2px solid #0065B3!important;
	border-right: none!important;
	border-top:none!important;
	border-left: none!important;
}
.home-tab-list{
	list-style-type: none;
}
.home-tab-list li{
	display: flex;
	color: #2D2D2D;
	font-weight: bold;
}
.home-tab-list li:before{
	content: "\f192 ";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #2D2D2D;
}
.tab-in{
	padding-left: 22px;
	color:#AFAFAF;
	font-size: 12px; 
}
.polling-block{
	margin: 15px 0px;
}
.polling-block h3{
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 4px solid #0065B3;
	color: #3C3C3C;
	margin-top: 0;
}
.polling-block h3:before{
	content: "\f192 ";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #3C3C3C;
	font-size: 22px;
}
.poll-radio label{
	font-size: 16px;
	color: #000;
	font-weight: 600;
	line-height: 2;
    margin-left: 0px !important;
    margin-right: 5px;
    padding-left: 8%;
	position: relative;
}
.poll-radio input[type="radio"]{
	opacity: 0;
}
.rad-box{
	position: absolute;
	top: 0;
	left: 0;
	background:#0065B3;
	width: 30px;
	height: 30px;
	text-align: center;	
	color: white;
}

.polling-res{
	border: 2px solid #0065B3;
	padding: 10px;
}

.poll-radio input:checked ~ .rad-box{
	background: #65B200;
}
.pol-prog{
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.prog-letter{
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #0065B3;
	color: white;
}
.footer-bl{
	padding-top: 20px;
}
.accordion {
  background: #F4F4F4;
  color: #0065b3;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 15px;
  border-radius: 10px;
  font-weight: bold;
}
.panel {
  padding: 10px;
  background-color: white;
  display: none;
  overflow: hidden;
  box-shadow: 0px 0px 3px;
  margin-top: -20px;
}
.accordion:focus{
	outline: none!important;
}
.accordion:hover{
	background: #0065b3;
	color: white;
}
.accordion:hover:after{
	color: white;
}
.accordion:after {
  content: '\002B'; 
  font-family: FontAwesome;
  font-size: 13px;
  color: #0065b3;
  float: right;
  margin-left: 5px;
  padding-top: 5px;
}
.active1:after {
  content: "\2212"; 
  color: #0065b3;
}
.accordion:before{
	content: "\f00c";
	font-family: FontAwesome;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
	background: white;
	color: #0065b3;
	margin-right: 10px;
}
.acc-blo1{
	padding: 10px 0px;
}
.acc-blo1 p{
	margin-bottom: 0;
}
.acc-inblock2,.acc-inblock1,.acc-inblock{
	padding-bottom: 10px;
}
.blue-block{
	padding: 20px 0px;
	background: #0065B3;
	color: white;
}
.blue-block h2{
	text-align: center;
}
.blu-left,.blu-mid,.blu-right{
	text-align: center;
}
.blu-left a,.blu-right a{
	color: white;
}
.blu-mid h2{
	padding-top: 30px;
}
.home-yas{
	padding-top: 15px;
	padding-bottom: 5px;
}
.mod-button-one{
	background: #0065B3;
	color: white;
	text-align: center;
}
.mod-button-one:hover{
	text-decoration: none;
	color: white;
	background: #0a4777;
}
.mod-cla p{
	text-align: right;
}
.mod-cla p a{
	color:#0065B3; 
}
#logmod .modal-dialog{
	width: 430px;
}
#logmod .modal-header{
	border-bottom: none;
}
#logmod .modal-body{
	padding: 20px 35px;
}
.map-tog{
	position: relative;
}
.down-icon{
	position: absolute;
	top: 5px;
	right: 10%;
	font-size: 30px;
	cursor: pointer;
	color: white;
}
.blu-mid a {
    color: #ffffff;
    text-shadow: 3px 7px 5px #000000;
    background-color: white;
}
.blu-mid a:hover {
    text-decoration:none;
}
@media only screen and (min-width: 992px) and (max-width: 1258px){
	.blu-left h3,.blu-right h3{
		font-size: 21px;
	}
	.map-tog img{
		height: 42px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 991px){
	.events-block h5{
		margin-left: 28%;
	}
	.poll-radio label{
		font-size: 14px;
	}
	.contact-link,.log-link{
		margin-left: 36px;
	}
	.blu-left h3,.blu-right h3{
		font-size: 16px;
	}
	.blu-mid h2,.blue-block h2{
		font-size: 25px;
	}
	.polling-res{
		margin: 30px 0px;
	}
	.map-tog img{
		height: 42px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 640px){
	.events-tabs .nav>li>a{
		padding: 10px!important;
	}
	.events-block h5{
		margin-left: 21%;
	}
	.blu-mid h2,.blue-block h2{
		font-size: 22px;
	}
	.blu-left h3,.blu-right h3{
		font-size: 16px;
	}
	.polling-res{
		margin: 10px 0px;
	}
	.nav-menu{
		flex-direction: column;
	}
	.log-link,.contact-link{
		margin-left: 0;
		margin: 10px 0px;
	}
	.hotline-block{
		margin-top: 10px;
	}
	.contact-link p,.log-link p{
		margin-bottom: 0;
	}
	#logmod .modal-dialog{
		width:auto;	
	}
	#logmod .modal-body{
		padding: 15px;
	}
	.map-tog img{
		height: 42px;
	}
}
</style>