﻿
.topnavicon {
       float: right;

}

    .topnavicon a {
        float: left;
        display: block;
        text-align: center;
        text-decoration: none;
    }
        .topnavicon a:after {
            content: '';
            display: block;
            margin: auto;
            height: 3px;
            width: 0px;
        }

        .topnavicon a:hover:after {
             width: 100%;
            }

        .topnavicon a.active:after {
            width: 100%;        
        }


    .topnavicon .icon {
        display: none;     
        background-color:#34b09d;
        color:#808080;
        border:1px solid #ccc;
        margin-right:-40px;      
        margin-top:5px;
        text-align:center;
        height: 25px;
    }

        .topnavicon .icon:hover {
             color:#808080;
            background-color:#ccc;
        }

@media screen and (max-width: 600px) {
   
    .topnavicon a {
        display: none;
     

    }

        .topnavicon a.icon {
            float: right;
            display: block;
         
        }

    .topnavicon {
        padding-left: 0px;
      
    }
}

@media screen and (max-width: 600px) {
    .topnavicon.responsive {
        position: relative;
        color: #094bb4;
    }

        .topnavicon.responsive .icon {
            position:absolute;
            right: 0;
            top: 0;
            color: #ffffff;
        } 

            .topnavicon.responsive .icon:hover {
                position: absolute;
                right: 0;
                top: 0;
                color: #4DA91C;
            }

        .topnavicon.responsive a {
            float: left;
            display: block;
            text-align: center;
            color: #094bb4;
        }
          .topnavicon .responsive a.active {
            color:#34b09d ;
        }
        .topnavicon.responsive a:hover {
            float: none;
            text-align: left;
            color:#4DA91C;
        }
        
/*-------------Mobile View Css Footer Start---------*/
   
@media only screen and (max-width: 768px) {
  [class*="header"]{
     text-align:left;
   
    
    }
  [class*="phone"]{
     text-align:left;
   
    }
  
   [class*="phead"]{
       padding-top:0px;
       min-height:-10px;
     text-align:left;
    }
   [class*="address"]{
       padding-top:-90px;
     text-align:left;
     padding-right:10px;
     padding-left:10px;
    }

}
/*-------------Mobile View Css Footer End---------*/
}
