.topnavMenu {
    margin-top: 10px;
    float: right;
}

    .topnavMenu a {
        float: left;
        display: block;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Roboto Slab', serif;
    }
        .topnavMenu a:after {
            content: '';
            display: block;
            margin: auto;
            height: 3px;
            width: 0px;
            background-color: #4CAF50;
            transition: width .5s ease, background-color .5s ease;
            margin-top: 6px;
        }

        .topnavMenu a:hover:after {
             width: 100%;
             background: #4DA91C;
        }

        .topnavMenu a.active:after {
            width: 100%;
            background: #34b09d;
        }

        .topnavMenu a:hover {
            color: #4DA91C;
        }

        /*.topnavMenu a.active {
            color:#34b09d ;
            display: block;
            margin: auto;
            height: 3px;          
            transition: width .5s ease, background-color .5s ease;
           
        }*/

    .topnavMenu .icon {
        display: none;
        /*background-color: #34b09d;*/
        background-color:transparent;
        color:#808080;
        border:1px solid #ccc;
       /*margin-right:40px;*/
        /*color: #ffffff;*/
        border-radius: 5px;
        margin-top: -80px;
        height: 50px;
        /*margin-right:-15px;*/
    }

        .topnavMenu .icon:hover {
          /*color: #ff0000;*/
             color:#808080;
            background-color:#ccc;
        }

@media screen and (max-width: 600px) {
    /*.topnavMenu a:not(:first-child) {display: none;}*/
    .topnavMenu a {
        display: none;
    }

        .topnavMenu a.icon {
            float: right;
            display: block;
            /*border-color: #000000;*/
        }

    .topnavMenu {
        padding-left: 0px;
    }
}

@media screen and (max-width: 600px) {
    .topnavMenu.responsive {
        position: relative;
        color: #094bb4;
    }

        .topnavMenu.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
            color: #ffffff;
            background-color: #4DA91C;
        }

            .topnavMenu.responsive .icon:hover {
                position: absolute;
                right: 0;
                top: 0;
                color: #4DA91C;
                background-color: #d3d0d0;
            }

        .topnavMenu.responsive a {
            float: none;
            display: block;
            text-align: center;
            color: #094bb4;
        }
          .topnavMenu .responsive a.active {
            color:#34b09d ;
            display: block;
            margin: auto;
            height: 3px;          
            transition: width .5s ease, background-color .5s ease;
           
        }
        .topnavMenu.responsive a:hover {
            float: none;
            display: block;
            text-align: center;
            color:#4DA91C;
        }
}

/*--------SidemenuForAbout Sportpage-------Start-----------*/
.sidenav {
  width: 180px;
  /*position: fixed;*/
  z-index: 1;
  top: 215px;
  left:70px;
  /*background: #eee;*/
  overflow-x: hidden;
  /*padding: 2px 0;*/
  font-family: 'Roboto Slab', serif;

}

.sidenav a {
  padding: 0px 3px 2px 4px;
  text-decoration: none;
  font-size: 18px;
  color: #2196F3;
  display: block;
   border-radius: 10px 10px 10px 10px;
   margin-left:5px;
   /*text-shadow: 2px 4px 4px #34b09d;*/
}

.sidenav a:hover {
  color: #ffffff;
  background-color:#4DA91C;
  text-shadow: 2px 4px 4px #000000;
  box-shadow:5px 6px 8px #4a3f3f;
}

.main {
  margin-left: 140px; /* Same width as the sidebar + left position in px */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 6px;
}

/*@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/

/*-------------Mobile View Css Footer Start---------*/
   /* only small tablets */
@media only screen and (min-width: 800px) and (max-width: 991px) {
  
  [class*="msg"] {
    padding-left:300px;
  }
   
  [class*="h5"] {
    padding-left:300px;
  }
   [class*="msgweather"] {
    margin-left:20px;
     margin-right:20px;
      margin-bottom:20px;
  }
  
   [class*="msg_title"]{
      margin-left:-300px;
  }
  [class*="copyright"]{
      margin-left:30px;
  }
   [class*="designer"]{
      margin-right:100px;
      
    }
   
   [class*="icon"]{
     padding-right:0px;
     padding-left:0px;
    }
   [class*="container-fluid"]{
     padding-right:0px;
     padding-left:0px;
    }
   
    [class*="weatherwidget"]{
    /*margin-left:2px;*/
    text-align:center;
    }
     [class*="aback"]{
   visibility:hidden;
    }
        [class*="nav navbar-top-links navbar-right"]{
   visibility:hidden;
    }
}   
@media only screen and (min-width: 768px) and (max-width: 800px) {
  
  [class*="msg"] {
    margin-left:300px;
  }
   
  [class*="h5"] {
    padding-left:300px;
  }
   [class*="msgweather"] {
    margin-left:20px;
     margin-right:20px;
      margin-bottom:20px;
  }
  
   [class*="msg_title"]{
      margin-left:5px;
  }
  [class*="copyright"]{
      margin-left:30px;
  }
   [class*="designer"]{
      margin-right:100px;
      
    }
   
   [class*="icon"]{
     padding-right:0px;
     padding-left:0px;
    }
   [class*="container-fluid"]{
     padding-right:0px;
     padding-left:0px;
    }
   
    [class*="weatherwidget"]{
    /*margin-left:2px;*/
    text-align:center;
    }
     [class*="aback"]{
   visibility:hidden;
    }
        [class*="nav navbar-top-links navbar-right"]{
   visibility:hidden;
    }
}   
@media only screen and (max-width: 768px) {
  
  [class*="msg"] {
    margin-left:100px;
  }
   [class*="msgweather"] {
    margin-left:20px;
     margin-right:20px;
      margin-bottom:20px;
  }
  
   [class*="msg_title"]{
      margin-left:5px;
  }
  [class*="copyright"]{
      margin-left:30px;
  }
   [class*="designer"]{
      margin-right:100px;
      
    }
   
   [class*="icon"]{
     padding-right:0px;
     padding-left:0px;
    }
   [class*="container-fluid"]{
     padding-right:0px;
     padding-left:0px;
    }
   
    [class*="weatherwidget"]{
    /*margin-left:2px;*/
    text-align:center;
    } 
    [class*="aback"]{
   visibility:hidden;
    }
        [class*="nav navbar-top-links navbar-right"]{
   visibility:hidden;
    }
}
@media only screen and (max-width: 320px) {
   
 
  [class*="office_location"] {
    margin-left:40px

  }
  [class*="msg"] {
    margin-left:10px

  }
   [class*="msgweather"] {
    margin-left:20px;
     margin-right:20px;
      margin-bottom:20px;
  }
  
   /*[class*="office_location"]{
    margin-left:-170px
  }*/
   [class*="msg_title"]{
    margin-left:10px
  }
  [class*="copyright"]{
      margin-left:10px;
  }
   [class*="designer"]{
      margin-right:100px;
      
    }
   
   [class*="icon"]{
     padding-right:0px;
     padding-left:0px;
    }
   [class*="container-fluid"]{
     padding-right:0px;
     padding-left:0px;
    }
   
    [class*="weatherwidget"]{
   
    text-align:center;
    }
    
      [class*="msg_title row"]{
   visibility:hidden;
    }
     [class*="aback"]{
   visibility:hidden;
    }
        [class*="nav navbar-top-links navbar-right"]{
   visibility:hidden;
    }
}
/*-------------Mobile View Css Footer End---------*/