.header.menu-height{height: 100%;}
            .header-main{background: #fff; padding: 10px 0px;}
            .header-logo { /* padding: 27px 0px; */ padding: 0px 0px; }
            .header-logo .navbar-brand img{ /* height: 19px; */ height: 70px; }
            .header-main > .container > .row{align-items: center;}
            .header-main > .container-fluid > .row{align-items: center;}
            .header-main > .container-xl > .row{align-items: center;}
           
            .nagigation a.callto {color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center;}
            .nagigation a.callto:hover{color:#0097d6;}
           
            .nagigation a.callto i{font-family: 'FontAwesome';}
            
            .nagigation a.callto span {display: inline-block; width:40px; height: 44px; background: #fff; padding: 9px; line-height: 34px; margin: 0 13px 0 0;}
            .navbar-expand-lg {flex-wrap: nowrap;  justify-content: space-between;  width:100%; position: relative;}
            

            .main-navigation .menu a.active, .main-navigation .menu a:hover {background:transparent; }
            .main-navigation ul li {display: inline-block; position: relative; padding:0px; margin:0 58px 0 0px;}
            .main-navigation ul li:last-child{margin-right: 0;}
            .main-navigation ul li a {text-decoration: none;  display:block; /*text-transform: capitalize;*/ color: #01164D; font-size: 14px; font-weight: 500;position: relative; z-index: 1; line-height: 1; font-family:'ITC Avant Garde Gothic';}
            
            .main-navigation ul li a:hover{color: #01164D; }
            .main-navigation .header-navigation-area> ul > li > a:hover{color: #DC21D4; }

            .main-navigation ul li a.active{color: #01164D; }
            .main-navigation .header-navigation-area> ul > li > a.active{color: #DC21D4; }

            .main-navigation ul li a{position: relative;}
            .main-navigation ul ul li a{color: #01164D;} 
            
            .main-navigation ul li a i{color:#01164D;}
            .main-navigation ul ul li a i{color:#01164D;}
               
                .main-navigation ul li.red-line:hover:before{display: none;}     
                .main-navigation ul li.blue-line:hover:before{display: none;}     
                .main-navigation ul li.yellow-line:hover:before{display: none;}     

            /*Login dealer-header start*/
/*    .dealer-header .main-navigation ul li{margin-right: 20px;}*/
    /*Login dealer-header end*/


             /* header fluid start    */
             .header-main-fluid{padding-left: 120px; padding-right: 25px;}


            /* header logout btn start  */
            .header-logout-btn{text-align: right; }
            .header-logout-btn .log-out-btn{font-size: 12px; line-height: 15px; border-radius: 25px; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; padding: 16px 55px; font-weight: 700; color: #fff; display: inline-block; transition: none;}
            .header-logout-btn .log-out-btn:hover{background: #01164D;}
            /* .header-logout-btn-mobile{display: none;} */
            /* header logout btn end   */

            /* Main Menu CSS End*/
            /* Submenu / Dropdown Menu CSS */
            .main-navigation ul li ul {box-shadow: 0px 2px 9px rgb(0 0 0 / 10%); border: 0; border-top: 0; position: absolute; width: 250px; left: 0; top:55px; z-index: 18; -webkit-transition: .3s; transition: .3s; visibility: hidden; opacity: 0; background-color: #fff; margin: 0; padding: 0; list-style: none; }
            .main-navigation ul li:hover > ul {opacity: 1; visibility: visible; }
            .main-navigation ul li ul li a {padding: 10px 15px; line-height: 26px; }
            .main-navigation ul li ul li a:hover{color: #fff;}
            .main-navigation ul li ul li {display: block; text-align: left; }
            .main-navigation ul li ul ul {left: 250px; top: 0; }
            .main-navigation ul li ul li {border-bottom: 1px solid #f2f2f2; padding: 0px; margin: 0px;}
            
            .main-navigation ul li ul li:hover{background-color: #DC21D4;}
            .main-navigation ul li ul li a:hover:before {display:none;}
            .main-navigation ul li ul li a.active{color: #01164D;}
            .main-navigation ul li ul li a.active:hover{color: #fff;}

            .main-navigation ul li ul li:last-child {border-bottom: 0; }
            /* Submenu / Dropdown Menu CSS End */
            /* Mobile Menu CSS Start*/
            .mobile-menu-trigger {cursor: pointer; margin-left: 30px; display: none; background: transparent; border: none; }
            .mobile-menu-trigger span {height: 2px; display: block; width: 30px; margin-bottom: 7px; background-color: #000;}
            .mobile-menu-trigger span:last-child {margin-bottom: 0; }
            .mobile-menu-container {position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: #000; z-index: 999999; opacity: 0; visibility: hidden; overflow-y: scroll; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); overflow-x: hidden; -webkit-transition: .4s; transition: .4s; }
            .mobile-menu-container li {opacity: 0; visibility: hidden; -ms-transform: translateX(1000px); -webkit-transform: translateX(1000px); transform: translateX(100px); -webkit-transition: 1s; transition: 1s; border-top: 1px solid rgb(255 255 255 / 8%);}
            .mobile-menu-container li:nth-last-child(1) {border-bottom: 1px solid rgb(255 255 255 / 8%); }
            .mobile-menu-container li > a .slicknav_arrow:after {content: "\f067"; position: absolute; font-family: 'FontAwesome'; top: 0; bottom: 0; color: white; z-index: 999; margin: 0 auto; text-align: center; right: 0; left: 0; font-size: 15px; line-height:45px; }
            .mobile-menu-container.menu-open li.slicknav_open > a .slicknav_arrow:after{content: "\f068";}
            .mobile-menu-container.menu-open {opacity: 1; visibility: visible; -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } 
            .mobile-menu-container.menu-open li {opacity: 1; visibility: visible; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
            .mobile-menu-close {position: absolute; right: 20px; top:20px; width: 30px; height: 30px; cursor: pointer; z-index: 1; }
            .mobile-menu-close::before {left: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
            .mobile-menu-close::after {right: 13px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
            .mobile-menu-close::before, .mobile-menu-close::after {position: absolute; height: 18px; width: 2px; background: #ffffff; content: ''; top: 0; }
            #mobile-menu-wrap {display: block; height: 100%; width: 100%; position: absolute; right: 0; padding:50px 20px 20px 20px; }
            #mobile-menu-wrap div {background-color: transparent; }
            #mobile-menu-wrap .slicknav_item i{display: none;}
            /*Sidebar Start*/
            .slicknav_nav, .slicknav_nav.slicknav_hidden {display: block !important; text-align: left; }
            .slicknav_btn {display: none !important; }
            .slicknav_menu {padding-left: 0; }
            .slicknav_nav li > a {display: block; font-weight: 400; padding-left: 10px;} 
            .slicknav_nav li > a:hover {background-color:#baa680;}
            .slicknav_nav li > a.active{background-color:#baa680;}
            .slicknav_nav .slicknav_arrow{font-size: 0;}

            .slicknav_item.slicknav_row a {border-bottom: 0; }
            .slicknav_nav .slicknav_row, .slicknav_nav a {padding:10px 0px 10px 10px; margin:0px; }
            .slicknav_nav .slicknav_arrow {font-size: 0; background: rgb(255 255 255 / 8%); height: 100%; width: 50px; display: inline-block; position: absolute; top: 0; }
            .slicknav_nav ul {margin: 0 0 0 0px; }
            .slicknav_nav .menu-item-has-children ul {margin-bottom: 00px; }
            .slicknav_nav .menu-item-has-children ul li {padding-left:0px; }
            .sub-menu .menu-item-has-children a i {position: absolute; right: 13px; top: 14px; }
            .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {background-color: transparent; }
            .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {border-radius: 0; }
            .slicknav_item.slicknav_row {display: inline-block; width: 100%; position: relative; }
            .slicknav_arrow {-webkit-transition: .3s; transition: .3s; right: 0; top: 17px; position: absolute; }
            .slicknav_nav a, .slicknav_row a {color: #ffffff; font-size:16px; display: inline-block;}
            .navbar-expand-lg a.navbar-brand {top:0px; position: relative; left:0px; display: inline-block; margin:0px; padding:0px;}
            .navbar-expand-lg a.navbar-brand img{display: flex;}
            .navbar{padding: 0;}

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

             /* header top bar start */
             .header-top-bar{padding: 15px 0px;}
             /* header top bar end */ 
             
             /* header fluid start */
             .header-main-fluid {padding-left: 50px;padding-right: 20px;}
             .header-logout-btn .log-out-btn{padding: 14px 30px;}

             /* .header-logo {padding: 18px 0px;} */
             .header-logo .navbar-brand img{height: 60px;}
            .nagigation{padding: 0px;}
            .navbar-expand-lg .navbar-brand img{ width:180px;}
            .navbar-expand-lg {padding:10px 0 10px 0;}
            .mobile-menu-trigger {margin-left: auto;}
            .main-navigation ul li {padding: 0; margin: 0 46px 0 0;}
            .main-navigation ul li a{font-size: 16px;}
            
            .nagigation a.callto {font-size: 16px; min-width: 158px;}
            .main-navigation ul li a.active:hover:before {bottom: 12px;}
          
            }


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

               /* header fluid start */
               
               .header-logout-btn .log-out-btn {padding: 9px 25px;}
               .header-main .mobile-menu-trigger {margin-left: 15px;}
               .header-main .navbar-expand-lg {justify-content: flex-start;flex-direction: row-reverse; padding: 5px 0 5px 0;}
               /* header fluid end */
               

                /* menu arae start */
                /* .header-logo {padding: 12px 0px;} */
                .header-logo .navbar-brand img { height: 45px;}
                .header-navigation-area {display: none; }
                .mobile-menu-trigger {display: block; }
                .navbar-expand-lg a.navbar-brand {top:0px;}
                .slicknav_nav .slicknav_row, .slicknav_nav a {padding: 8px 14px 8px 14px; margin:0px; font-size: 18px;}
                .slicknav_nav li > a {padding-left: 10px;font-weight: 500;}
                .slicknav_nav li > a.active {background-color:#DC21D4; }
                .slicknav_nav li > a:hover {background-color:#DC21D4; }
                .red-line::before,.blue-line::before,.yellow-line::before{display: none;}
                .nagigation a.callto span {width: 35px; height: 35px; padding: 9px; line-height: 22px; margin:0 8px 0 0;} 
                .slicknav_nav .menu-item-has-children ul{margin-left: 15px;}   
                .mobile-menu-container li{border-bottom: 1px solid #2a2a2a; border-top: 0;}
                .mobile-menu-container li > a .slicknav_arrow:after{line-height: 34px;}
                /* menu arae end */


            } 

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

                /* header fluid start */
                .header-main-fluid {padding-left: 0; padding-right: 0;}
                /* header fluid end */

                /* .nagigation {padding: 10px 0 10px 0;} */
                .nagigation a.callto {font-size: 0;min-width: auto;}
                .navbar-expand-lg {padding:0px /*15px*/ 0 0;width:100%;}
                /* .header-logo .navbar-brand img{height: 16px;}
                .header-logo {padding: 10px 0px;} */

            } 

            @media only screen and (min-width:480px){

                /* header fluid start */
                .header-logout-btn .log-out-btn > i{display: none;}
                /* header fluid end */

            }

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

                /* header fluid start */
                .header-logout-btn .log-out-btn{font-size: 0;}
                .header-logout-btn .log-out-btn > i{font-size: 16px; vertical-align: middle;}
                .header-logout-btn .log-out-btn {padding: 9px 16px;}
                /* .nagigation {padding: 5px 0 5px 0;} */
                /* header fluid end */

            }