@media (min-width:1200px) { 
 
    .navbar-nav > li:hover > .dropdown-menu{ display: block !important;}

}





@media (min-width:1200px) and (max-width:1399px) {
   .navbar-nav > li{ padding: 0px 6px;}
   .navbar-nav > li > a{ font-size: 13px;}


}


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

/*===========dashboard css==================*/
   .main-content{ padding-left: 0px;}
.right-panel-2 {margin-left: -12px; width: calc(100% + 24px);}
/*=========dashboard css  end============*/    

}

@media (min-width:768px) and (max-width:991px) { 

   .navbar-nav > li{ padding: 0px 10px;} 
   .navbar-nav > li > a{ font-size: 14px;}

}


@media (max-width:1199px) {

    .logo_menu img{ max-width: 150px;}
    .navbar-toggler {
        padding: 0px;
        border: none;
        outline: none;
        color: #000;
        box-shadow: none; position: relative; right: 0px; top: 0px;
      
    }

    .navbar-toggler:hover {
        color: #000;
    }

    .navbar-toggler:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler img{ width: 20px;}

    #navbarCollapse {
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 999;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        height: 100% !important;
        display: block !important;
        left: -100%;
        top: 0px; 
        overflow: auto;
    }

    #navbarCollapse.show {
        left: 0px;
    }

    .navbar-nav>li {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .navbar-nav {
        margin-left: 0px !important;
    }

    /*================================12=07=2023======================================*/
    .navbar-collapse .navbar-toggler {
        position: relative;
        right: 0px;
        top: 0px;
        background: none;
        color: #fff;
        width: auto;
        height: auto;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgba(255, 255, 255, .3);
       
    }

    
   
    .navbar-nav>li>a {
        display: flex;
        align-items: center;
        border-radius: 0px !important; min-height: 58px;
        padding: 15px 0px !important; font-size: 15px;
      
        border-bottom: #000 1px solid;
        text-align: left;
        justify-content: inherit; 
    }

    .navbar-nav>li {
        width: 100%;
        margin: 0px;
        padding: 0px 20px !important; border-bottom: 1px solid rgba(255, 255, 255, .3); min-width: initial !important;
    }

    
.navbar-nav > li > a.active::before, .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li:hover > a::before{ bottom: -1px;}

    .navbar-nav > li > .dropdown-toggle::after{ right: 0px; top:10px; font-size: 22px;}

    .navbar-nav>li>.dropdown-menu {
      
        padding: 20px;
        border-radius: 8px;
        margin:5px 0px 15px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; 
    }

}


   @media (max-width: 991px) {
    /*===========dashboard css==================*/
      .menu-toggle { display: block; } 
      .sidebar { transform: translateX(-100%); width: 240px; }
      .sidebar.show { transform: translateX(0); }
      .main-content { margin-left: 0 !important; padding-left: 0px; }
      .right-panel-2{ margin-left: -12px; width: calc(100% + 24px);}

/*===========dashboard css  end==================*/

    }


@media (max-width:767px) {
.left-panel{ padding: 0px 1rem;}
.left-panel h1{ font-size: 1.8rem;}
.left-panel p{ font-size: 1rem;}
.login-box h3{ font-size: 1.3rem;} 
.left-panel, .right-panel{ height: auto;}
.btn-3{ font-size: 16px;} 
.c-r-id a{ font-size: 14px;} 
.c-r-id a i img{ width: 30px;}
.fs-7{ font-size: 15px;}
.home_slider h2{ font-size: 33px;} 
.btn-s{ padding: 10px 30px; font-size: 25px;} 
.btn-s i img{ width: 20px; } 
.btn-s i{margin-left: 10px !important;} 
.home_slider  figure img{ max-height: 180px;} 
.home_slider{ min-height: 470px;} 
.banner{ padding: 15px 15px 0px;} 
.banner .right-img{ margin-top: 15px;} 
.start-btn{ font-size: 15px; line-height: 20px;} 
.icon-box img{ max-height: 70px;} 
.pan-card-service .card-footer{ margin-left: -1rem; margin-right: -1rem;}

}