            .nagigation{display: flex; justify-content: space-between; align-items: center; padding: 15px 0px; }
            .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:hover span{background: #0097d6; } */
            .nagigation a.callto i{font-family: 'FontAwesome';}
            /* .nagigation a.callto:hover span i{color: #fff;} */
            .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:25px 0px; margin:0 30px 0 0px; transition: all 0.3s ease-in;}
            .main-navigation  ul#main-menu > li:last-child{margin-right: 0;}
            .main-navigation ul li a {text-decoration: none;  display:block; text-transform: capitalize; color: #ffffff; font-size: 16px; font-weight: 600;
                 position: relative; z-index: 1; line-height: 1; text-transform: uppercase; font-family: 'Poppins', sans-serif; transition: all 0.3s ease-in;}
                   .main-navigation .header-navigation-area  > ul > li > a:hover{color: #ffc858;}
           


           /* .main-navigation ul li a.active:hover:before{background:#fff; width: 100%; height: 2px; position: absolute; left: 0px; bottom:16px; content:'';}  
            .main-navigation ul li a:hover:before{background:#fff; width: 100%; height: 2px; position: absolute; left: 0px; bottom:13px; content:'';}      */

                
                .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;}     

            /* Main Menu CSS End*/
            /* Submenu / Dropdown Menu CSS */
            .main-navigation ul li ul {display: none; border: 1px solid #898383; position: absolute; width: 250px; left: 0; top:67px; z-index: 2; transition: all 0.5s ease;  visibility: hidden; opacity: 0; background-color: #000; margin: 0; padding: 0; list-style: none; }
            .main-navigation ul li:hover > ul {opacity: 1; visibility: visible; display: block; }
            .main-navigation ul li ul li a {padding: 8px 12px; line-height: 26px; font-size: 15px;}
            .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: 248px; top: 0; }

            .main-navigation ul .sub-menu.right_side{right: 250px !important; left: auto;}

            .main-navigation ul li ul li {border-bottom: 1px solid #2a2a2a; padding: 0px; margin: 0px;}
            
            .main-navigation ul li ul li:hover{background-color: #ffc858;}
            .main-navigation ul li ul li a:hover:before {display:none;}
            .main-navigation ul li ul li a.active{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: 35px; margin-bottom: 9px; background-color: #fff;}
            .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: 16px; line-height:32px; }
            .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: 30px; 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_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: transparent; 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:15px; 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;}

            .header{background: #000;}
            .menu-height{height: 100%;}

            

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

            }
            @media only screen and (max-width:1200px){
            .nagigation{padding: 0px;}
            .navbar-expand-lg .navbar-brand img{ width:180px;}
            .navbar-expand-lg {padding:10px 0 10px 0;}
            .mobile-menu-trigger {margin: 0 20px 0 0px;}
            .main-navigation ul li {padding: 0; margin: 0 24px 0 0;}
            /* .main-navigation ul li a {padding:20px 0px 18px 0px; font-size: 15px;} */
            .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-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: 6px 8px 6px 8px; margin:0px;}
                .slicknav_nav a, .slicknav_row a{font-size: 14px;}
                .slicknav_nav li > a {padding-left: 10px; text-transform: uppercase; font-weight: 500;}
                .slicknav_nav li > a.active {background-color:#ffc858; }
                .slicknav_nav li > a:hover {background-color:#ffc858; border-radius: 0;}
                .slicknav_nav li .sub-menu li > a{padding-left: 15px;}
                .slicknav_nav li .sub-menu .sub-menu li > a,.slicknav_nav li .sub-menu .megamenu-child li > a{padding-left: 25px;}  
                .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{padding-left: 10px;}    */
                .mobile-menu-container li{border-bottom: 1px solid #2a2a2a; border-top: 0;}


            } 

            @media only screen and (max-width:767px){
                .nagigation {
                    padding: 10px 0 10px 0;
                }

                .mobile-menu-trigger {margin: 0 0px 0 0px;}
                .nagigation a.callto {
                    font-size: 0;
                    min-width: auto;
                }
                .navbar-expand-lg {
                    padding:0px 15px 0 0;
                    width:100%;
                }

                .navbar-expand-lg .navbar-brand img {
                    width: 128px;
                }


            } 
