/*main nav*/
 header #mainNav .navbar-collapse .navbar-nav > li .dropdown-menu {
    right:auto;
 }



@media screen and (max-width: 1024px) {

  header #mainNav .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse

 {
    max-height: none !important;
}

    header #mainNav .navbar-collapse .navbar-nav > li .dropdown-menu {
        right:12px;
        margin-left: 16px;
        
 }

     header #mainNav .nav>li{
    text-align: left;
    margin-left: 0px;
 }
    
    header #mainNav .navbar-collapse {
        position: absolute;
        top: 103px;
        right: -363px;
        left: auto;
        margin: 0;  
        width: 363px;
        z-index: 665;
        overflow-y: auto;
        -webkit-transition: right 0.2s linear;
        transition: right 0.2s linear;
        -webkit-overflow-scrolling: touch;
    }

    
    header #mainNav .navbar-collapse.expanded {
        right: 0;
    }

    /*when the collapse menu is open after scrolling*/

    header .affix .expanded{
        top:auto !important;
    }
}

@media screen and (max-width: 1024px) {
   header #mainNav .navbar-collapse.expanded{
        overflow: auto;
        overflow-y: auto;
    }

        .navbar-toggle {
        display: block;
    }

     header #mainNav .navbar-toggle {
        display: block;
    }
     

   header #mainNav .navbar-collapse
 {
        background: #A3C9FF;
        overflow-x: hidden;
    }

     header #mainNav .navbar-nav > li > a {
    font-size: 16px !important;
    color: #1F3769 !important;
    /* transition-delay:0s ; */
    }

   header #mainNav .navbar-nav > li > a:hover {
    color: #E65F24 !important;
}

 header #mainNav .navbar-nav > li.active > a {
     color: #E65F24 !important;
}

    header #mainNav .navbar-nav > li .dropdown-menu {
        background-color: #A3C9FF !important;
    }

    header #mainNav .navbar-nav > li .dropdown-menu > li > a {
        color: #1F3769 !important;
        font-size: 14px;
    }

    header #mainNav .navbar-nav > li .dropdown-menu> li > a:hover {
    color: #E65F24 !important;
    background-color: transparent !important;
    }

     header #mainNav .navbar-nav .open .dropdown-menu>.active>a {
    color: #E65F24 !important;
    background-color: transparent !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    header #mainNav .navbar-header {
        float: none;
    }

    header #mainNav .navbar-right{
        float:none !important;
    }

    header #mainNav .navbar-nav{
        float:none;
    }

    header #mainNav .navbar-nav > li{
        float:none;
    }
}

@media screen and (max-width: 767px) {
   header #mainNav .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 0px !important;
    }

    header #mainNav .navbar-collapse .navbar-nav > li .dropdown-menu {
    right:auto;
    padding: 5px 15px 15px 15px !important;
 }

     header #mainNav .navbar-nav > li .dropdown-menu > li > a {
        border-bottom: 1px solid #688197;
     }

 

}




@media screen and (max-width: 700px) {
   
     header #mainNav .navbar-collapse{
        top: 50px;
        width: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: transform 0.2s linear;
       
    }
     header #mainNav .navbar-collapse.expanded {
    
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: transform 0.2s linear;
        -webkit-transform: translateX(0);
        transform: translateX(0);
   
    }
}