/* -----------header------------ */

     nav {

        display: block;

    }



    #mainnav ul {

        list-style: none;

        margin: 0;

        padding: 0;

        display: flex;

        justify-content: center;

    }



    #mainnav>ul>li {

        display: inline-block;

        padding: 28px 0px;

    }



    #mainnav ul li {

        position: relative;

    }



    .header #mainnav>ul>li>a {

        line-height: 100px;

    }



    /* #mainnav>ul>li.home>a {

        color: #18ba60;

    } */



    #mainnav>ul>li>a {

        position: relative;

        display: block;

        font-family: "Montserrat", sans-serif;

        text-transform: uppercase;

        color: var(--default-color);

        text-decoration: none;

        font-size: 14px;

        margin: 0 15px;

        font-weight: 600;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }

     #mainnav>ul>li>a:hover{

         color: var(--active-color);

    }

     #mainnav>ul>li>a:hover::after {

        content: '';

        position: absolute;

        width: 100%;

        height: 2px;

        left: 0;

        top:47px;

        background-color: var(--active-color);

        transform: scale(1, 1);

    }



    #mainnav>ul>li>.active1{

         color: var(--active-color);

    }

      #mainnav>ul>li>.active1::after {

        content: '';

        position: absolute;

        width: 100%;

        height: 2px;

        left: 0;

        top:47px;

        background-color: var(--active-color);

        transform: scale(1, 1);

    }



    #mainnav ul.submenu {

        display: flex;

        flex-direction: column;

        position: absolute;

        left: 0;

        top: 150%;

        width: 250px;

        text-align: left;

        background-color:#fff;

        z-index: 9999;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        filter: alpha(opacity=0);

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }



    #mainnav ul.submenu li:first-child {

        border-top: none;

    }



    #mainnav ul.submenu>li {

        border-top: 1px solid #ece9e9;

    }



    #mainnav ul li ul li {

        margin-left: 0;

    }

    #mainnav ul.submenu>li>a:hover{

         color: var(--active-color);

    }

    #mainnav ul.submenu>li>a {

        display: block;

        color: var(--default-color);

        text-decoration: none;

        padding: 0 0 0 15px;

        line-height: 40px;

        font-size: 14px;

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

    }

      /* .header_navbar a:hover, */

  



    #mainnav ul li:hover>ul.submenu {

        top: 100%;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        filter: alpha(opacity=100);

        opacity: 1;

        visibility: visible;

    }



    .account_btn {

        display: none;

    }



    .account_menu:hover .account_btn {

        display: block;

    }



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

        .mainnav {

            display: none;

        }

    }

    ul li {

        list-style: none;

    }



    a {

        text-decoration: none;

    }

    .bar_container {

        display: inline-block;

        cursor: pointer;

      }



    .bar2 {

        width: 12px;

        height: 2px;

        background-color:var(--default-color);

        margin: 7px 0;

        transition: 0.4s;

        border-radius: 5px;

    }



     .bar1{

        width: 20px;

        height: 2px;

        background-color:var(--default-color);

        margin: 7px 0;

        transition: 0.4s;

        border-radius: 5px;

   }    

     .bar3 {

        width: 20px;

        height: 2px;

        background-color:var(--default-color);

        transition: 0.4s;

        border-radius: 5px;

   }



    .acount_btn {

        width: 230px;

        background-color: #fff;

        display: none;

        position: absolute;

        right: 0;

        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        transition: 1s;

    }



    .account_menus:hover .acount_btn {

        display: block;

    }



    .account_menus {

        position: relative;

        display: block;       

    }



     .right_menu_color {

        color:var(--default-color);

        cursor: pointer;

        font-size: 16px;

    }



     .menu_color {

        color: #fff;

    }

    .cart_wish a{

        color: var(--default-color);

        font-size: 14px;

    }

    .cart_wish a:hover{

        color: var(--active-color);

    }

    .login_signup{

        color: #fff;

        font-size: 14px;

        padding: 3px 0;

    }

    .login_signup:hover{

        color: var(--active-color);

    }





    .d_header {

        position: -webkit-sticky;

        position: sticky;

        top: 0px !important;

        z-index:999;

        width:100%;

        background: #ffff;

        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }



    .modal .modal-content {

        border-radius: 0px;

        border-width: 0px;

    }



    .modal .search-dialog {

        width: 100%;

        max-width: none;

        height: 100%;

        margin: 0;

    }

    .count_color{

        color:#fff;

    }

    .mob-menu-color li a{

        color:var(--default-color);

        font-size: 15px;

    }

    .submenu_btn{

         color:var(--default-color);

    }

    .submenu_btn:hover{

         color:var(--active-color);

    }

     .mob-menu-color li a:hover{

         color:var(--active-color);

     }