*, *:before, *:after {
  box-sizing: border-box; }


.rm-subtoggle {
  margin: 5px;
  padding: 5px 10px;
  border-right: 1px solid #23B0ED;
  /*background-image: url("../images/menuicon.png");
  background-repeat: no-repeat; */
  outline: none;
  background: #fff;
  color: #0072B3;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer; 
  
  }

.rm-togglebutton
{
    margin: 5px;
    padding: 5px 10px;
     border-right: 1px solid #23B0ED; 
    outline: none;
    background: #fff;
    color: #0072B3;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
    border-bottom: 1px solid #23B0ED;
}

  .rm-togglebutton:hover,
  .rm-subtoggle:hover {
    text-decoration: underline; }
  .rm-togglebutton:focus,
  .rm-subtoggle:focus {
    text-decoration: underline; }

.rm-subtoggle {
  margin: 5px;
  float: left; }

  /* start :: to add - border to the selected menu from menu toggle in responsive view */ 
  .rm-opened li ul
  {
    border: 1px solid #23B0ED;
  }
  /* end :: to add - border to the selected menu from menu toggle in responsive view */ 

  /* Start to add -> underline to the selected menu from menu toggle in responsive view */
  .rm-togglebutton--closed + a
  {
    border-bottom: 1px solid #0072B3;
    font-weight: bold;
  }
  /* End :: to add -> underline to the selected menu from menu toggle in responsive view */



.navigation_container {
  border-top: 10px solid #0454A2;
    background: #EEF5FA;
  color: #000;
    height: 50px; 
  }
  .navigation_container ul {
    max-width:1170px;
    margin: 0 auto;
    padding: 0;
    list-style: none; 
    float: right;
  }

/* start 04 jan new add */

/* end 04 jan new add */

/* Add New */
  @media (min-width: 1024px) { 
    .navigation_container {
      border-top: 10px solid #0454A2;
      background: #EEF5FA;
      /*border-bottom: 2px solid #ccc;*/
      color: #000;
      height: 50px; 
      }
  }



  .navigation_container ul:before,
  .navigation_container ul:after {
    display: table;
    content: " "; }
      .navigation_container ul:after {
    clear: both; }


    .navigation_container .rm-closed li.rm-parent > a:after,
  .navigation_container .rm-fullmenu li.rm-parent > a:after {
    /*content: " \25bc";*/
    border-right: 1px solid #23B0ED;
    height:auto;
   }
.navigation_container li {
    padding: 0; }

    
/*@media (min-width: 600px) {
      .navigation_container li {
        height: 40px;
        float: left;
     } 
     }*/
/*  .navigation_container .main-menu .pull-left li li a:focus {
        text-decoration: none;
        color: white;
        background:#23B0ED;
        height:auto;
    
         }*/
 .navigation_container li.focused, .navigation_container li:hover a,
    .navigation_container li a:hover,
    .navigation_container li a:focus {
      /*background: #fff;*/
      background: #eaf1fa;
       }
  .navigation_container .rm-opened li {
    width: 100%;
    float: left; }

    .rm-opened li
    {
      padding:1%;
    }

.navigation_container li a:hover{
    color: white;
    background:#23B0ED;
    
   }
 /* .navigation_container a */
  /*.main-menu li ul li a*/
  /*.navigation_container a:not(.has-subchild)*/
  /*.navigation_container>li a:not(.has-subchild)*/
  
@media (max-width: 767px)
{
  .menu_toggler {
    margin-right: -14px;
  }
}

@media (min-width: 768px)
{
  .menu_toggler {
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1023px)
{
  /*.home-fontawesome
  {
    margin-left: -17px;
  }*/

  .main-menu li ul li:first-child
  {
    margin-top: 5px;
  }

    .menu_toggler
    {
       float: right;
       margin: 6px -10px 3px 0px;
      /* margin-top: 12px; */
      /* margin-top: 4px; */
      /* border: 1px solid #0f223e; */
      /* padding: 4px; */
      /* background: #234e90; */
      /* border-radius: 3px;*/
    }
  .fa-align-justify
  {
    color: white;
  }

  .menu-has-child li a
  {
    display: block;
  }
  .menu-has-child li{
    margin-top: 0.78px;
    display: block;
    /*color: #000;*/
    color: black;
    padding: 5px 20px;
    background-color: white;
    line-height: 24px;
    text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  text-transform:capitalize;
    height: auto; 
  border-bottom: 1px solid #ccc;
  }
 .menu-has-child li:last-child
  {
    border-bottom:0;
    margin-bottom:2%
  }

}
/*  .menu-has-child>li:not(.has-subchild){
   display: block;
    color: #000;
    padding: 8px 20px;
    line-height: 24px;
    text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  text-transform:uppercase;
    height: auto; 
  border-right: 1px solid #ccc;
  
  }*/
    /*.navigation_container a:after {
      font-size: 12px;
      vertical-align: middle;
      line-height: normal;
      text-decoration: none; }
  .navigation_container .active a,
  .navigation_container .active a:hover,
  .navigation_container .active a:focus {
    background: #fff;
    color: #333;
    cursor: default; }*/
 /* .navigation_container .rm-closed li,
  .navigation_container .rm-fullmenu li {
    overflow: visible;
  height:auto;
   }*/
    /*.navigation_container .rm-closed li ul,
    .navigation_container .rm-fullmenu li ul {
      height: auto;
      background: #2c3e50;
      padding: 0;
      width: 300px;
      border-top: none; 
    
    }*/


  /*.navigation_container .rm-closed li.rm-focused li.rm-focused > ul, .navigation_container .rm-closed li.rm-focused li:hover > ul, .navigation_container .rm-closed li:hover li.rm-focused > ul, .navigation_container .rm-closed li:hover li:hover > ul,
        .navigation_container .rm-fullmenu li.rm-focused li.rm-focused > ul,
        .navigation_container .rm-fullmenu li.rm-focused li:hover > ul,
        .navigation_container .rm-fullmenu li:hover li.rm-focused > ul,
        .navigation_container .rm-fullmenu li:hover li:hover > ul {
          transform: scaleX(1); } }
      .navigation_container .rm-closed li li,
      .navigation_container .rm-fullmenu li li {
        float: none;
      height:auto;
      border-bottom: 1px solid #ccc;
      order-right: 1px solid #ccc;
      order-left: 1px solid #ccc;
       }*/






@media only screen and (max-width: 1023px)
{
    .rm-togglebutton
    {
      float: right;
        height: 29px;
        width: 28px;
    }

  .rm-subtoggle
  {
    margin: -2px 6px 4px 4px;
    padding:0px;
    width: 9%;
  }
  .rm-togglebutton
  {
    margin: 4px 6px 4px 4px;
    padding:0px;
    width: 20%;
  }

  li.first-menu a i{
    font-size: 25px;
    margin-top: 7px;
  }
}