.transAnimate {
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}


#menu-top-menu li.login-tab-cont a {
    text-decoration: none !important;
    color: #fff !important;
    padding: 4px 8px;
    border-radius: 4px !important;
    font-size: 13px;
    font-weight: 300;
    background:#003087;
    display: inline;
}

#menu-top-menu li > a:hover {
    color: #2baaf1 !important;
}

#menu-top-menu>li.active  a::after  {
        position: absolute;
        height: 2px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        bottom: 0;
        background: #2baaf1;
        transition: width 0.4s;
    }
#menu-top-menu>li a:after {
        position: absolute;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        bottom: 0;
        background:#2baaf1;
        transition: width 0.4s;
    }
   #menu-top-menu li a:hover:after {
        width: 100%;
        transition: width 0.4s;
    }
#menu-top-menu>li.active li a:after {
        position: absolute;
        height: 2px;
        width: 0 !important;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        bottom: 0;
        background:#2baaf1;
        transition: width 0.4s;
    }
   #menu-top-menu li.active li a:hover:after {
        width: 100% !important;
        transition: width 0.4s !important;
    }

@media (min-width:1201px) {
    .navigation {
     display: block;
     text-align: right;
     float: right;
     width: 100%;
     margin-top: 5px;
     font-family: "Poppins", sans-serif;
    }
    .navbar-expand-xl .navbar-collapse {
        display: block !important;
    }

    .navbar.main-NaveBar {
        padding: 0;
        z-index: 999;
        position:relative;
        width: 100%;
        background-color: #020202;
        color: #000;
        font-family: "Poppins", sans-serif;
        z-index: 999;
        min-height: 95px;
    }
    #menu-top-menu {
        text-align: center !important;
    }
    .navbar .container {
        max-width: 100%;
        padding: 10px;
        position: relative;
    }
    .primeryManu>li {
        padding: 0 0px;
        display: inline-block;
        margin: 0 10px;
        text-align: center;
    }

    .primeryManu>li>a {
        font-size: 16px;
        padding: 0px 0px;
        color: #fff !important;
        letter-spacing:normal;
        position: relative;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Poppins", sans-serif;
    }
    .primeryManu li >a:hover {
        text-decoration: none;
        color: #000;
        font-size: 16px;
    }
   
    .primeryManu li ul li> a {
        padding: 10px 10px;
        letter-spacing: 0.5px;
        color: #000 !important;
        border-bottom: 1px solid #eee;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 400;
        font-family: "Poppins", sans-serif;
    }
    .primeryManu li ul li a:hover {
        font-size: 13px;
        color: #000;
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        background: #f4f4f4;
    }
    .navbar.main-NaveBar.sticky-header {
        position: fixed;
        transition: all 0.6s;
        top: 0;
        left: 0;
        animation: smoothScroll 1s forwards;
    }
    @keyframes smoothScroll {
        0% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    .sticky-header .social-wrapp {
        transition: all 0.6s;
    }
    .sm-clean a .sub-arrow {
        border-color:#269ee1 transparent transparent transparent;
    }
    .sticky-header .navbar-brand img {
        width: 200px;
    }
    /* The radio */
    .navigation li a {
        text-decoration: none !important;
        color: #fff;
    }
    .sub-menu li{
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 300;
    }
    .sub-menu li> a{
        text-align: left !important;
        font-size: 13px !important;
        color: #000 !important;
        font-weight: 300;
    }
     .sub-menu li a:hover {
        font-size: 13px;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
     }
   
    .navigation li >a {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        opacity: 1;
    }
    #menu-top-menu li li a{
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        font-family: "Poppins", sans-serif;
    }
    #menu-top-menu li li a:hover {
        font-size: 13px !important;
        font-family: "Poppins", sans-serif;
        font-weight: 500 !important;
     }
     
	
}



@media (max-width:1200px) {
    .navigation .navbar-toggler .fa-bars {
        color: #555;
        font-size: 40px;
    }
    .navigation .navbar-toggler:focus,
    .navigation .navbar-toggler:active,
    .navigation .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }
    .primeryManu>li {
        display: block !important;
    }
    
    .sm {
        padding-top: 25px;
        padding-bottom: 7px;
    }
    .sub-arrow {
        background: #108fc4;
    }
    .sm, .sm ul, .sm li {
    text-align: left;
    color: #000;
  }
  #menu-top-menu a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;
     font-family: "Poppins", sans-serif;  
     font-weight: 500;
  }
  .navigation .navbar-toggler {
    padding: 0;
    border:0;
    margin-top: -32px;
  }
  .navigation .navbar-toggler {
        padding: 0;
        border: 0;
        margin-top: -77px;
        position: absolute;
        right: -4px;
        top: 0;
    }

  div#navbarSupportedContent {
    top: -30px;
    position: relative;
  }
 .cart-pages {
    padding-top: 1px;
    padding-bottom: 40px;
    margin: 0 auto;
    max-width: 212px;
 }
 .logo a {
    width: 122px;
    display: block;
 }

}

@media (max-width:1200px) {
.navigation {
    width: 100%;
    position: relative;
    z-index: 999;
  }
}