@media screen and (max-width: 480px) {
.logo_container
{
text-align:center;
}

.img_logo
{
width:75%;
height:auto;
}

.span1
{
width:100%;
text-align:center;
font-size:85%;
}

.div_container
{
display:table;
}

.div_1
{
width:100%;
text-align:center;
}

.div_2
{
width:100%;
text-align:center;
}

.p2
{
font-size:100%;
font-family: 'Poppins', sans-serif;
padding-bottom:50px;
}

.p1
{
font-size:100%;
padding-top:50px;
}

.footer{
font-size:100%;
font-family: 'Poppins', sans-serif;
padding-bottom:25px;
text-align:center;
}

.p3
{
font-size:100%;
}

.img_mataji
{
width:75%;
}
    
.emergncy_1
{
    width: 40%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 80%;
    color: #E9EAE0;
        
}
    
    .emergncy_2
{
    width: 40%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #E9EAE0;
    font-size: 80%;
        
}
    
    .login a:hover
{
    
    
    color: #E9EAE0;
    text-decoration: none;
}
    
    .login
    {
        font-size: 80%;
    }
    
    .container_menu_logo
    {
        display: none;
    }
    
    .logo_container
    {
        width: 100%;
    }
    
    .container_emergency
    {
        display: none;
    }
    
    .container_emergency_mobile
    {
        width: 100%;
        background-color: #C85250;
        color: wheat;
        padding: 5%;
    }
    
    .emergncy_1
{
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    color: #E9EAE0;
    font-weight: bold;
    
        
}

.emergncy_2
{
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #E9EAE0;
    font-size: 100%;
    font-weight: bold;
    
        
}
    
    .mobile_header
    {
        padding: 2%;
    }
    
    .container_slider_info
    {
        display: table;
    }
    
    .container_slider
    {
        width: 100%;    
    }
    
    .div_container
    {
        width: 100%;
    }
    
    .p1
    {
        margin-top: 0px; 
        line-height: 200%;
        font-size: 130%;
        padding: 0px;
    }
    
    .container_mid
    {
        display: table;    
    }
    
    .container_mid_1
    {
        width: 100%;
    }
    
    .container_mid_2
    {
        width: 100%;
    }
    
    .container_mid_3
    {
        width: 100%;
    }
    
    .para_1
    {
        font-size: 140%;    
    }
    
    .footer
    {
        padding: 8%;
        font-size: 90%;
    }
    
    .bottom_part
    {
        padding: 1%;
        font-size: 100%;
    }
    
    .footer_logo
    {
        width: 60%;
    }
    
    .container_emergency_mobile
{
    display: block;
}

.mobile_header
{
    display: block;
}
    
    
    
    .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
    
    .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
    
    
    .topnav {
  overflow: hidden;
  background-color: #0082c8;
        text-decoration:none;
        
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 8px 10px;0082c8
  text-decoration:none;
  font-size: 90%;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #C85250;
  color: white;
}

.topnav .icon {
  display: none;
}
    
    .mobile_menu
{
    display: block;
}
    
    


}