@media (min-width:992px) {
    .navbar-nav>li:hover>.dropdown-menu {
        position: absolute;
        left: 0px;
        top: 100%;
        display: block;
    } 
}


@media (min-width:1320px) {

.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1286px;}

}


@media (min-width:1460px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1440px;}
    
    }

    


@media (min-width:992px) and (max-width:1199px){    
    .navbar-nav > li{ margin-right: 24px;} 
    .navbar-nav > li > a{ font-size: 14px;} 
    .user_interface h3{ font-size: 19px;} 
    .publishing h4{ font-size: 18px; line-height: 24px;} 
    .learn_hw_bx{ padding: 20px;} 
    .learn_hw_bx h4{ font-size: 17px;} 
    .service_use ul li{ font-size: 13px;} 
    .bonus_bx .card-body{ padding-top: 60px !important;} 

    .configure_chat_bx{ padding: 40px 30px 0px 30px;}


}

@media (max-width:1300px){  
    .h100vh{ height: 100%;}

}

@media (max-width:991px){ 
   
    .navbar-toggler {
        padding: 0px; display: inline-flex; align-items: center; justify-content: center;
        border: none; 
        border-radius: 0px;
        outline: none;
        color: #1A46E4;
        box-shadow: none;
        position: absolute;
        right: 0px;
        top: 12px;
        background: none;
    }

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

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

    #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: absolute;
        right: 10px;
        top: 18px;
        background: #1a46e4;
        color: #fff;
        width: 24px;
        height: 24px;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu {
        padding: 50px 0px 25px !important;
        border-bottom: rgba(0, 0, 0, .3) 1px solid;
    }

   

    .navbar-nav>li>a {
        display: flex;
        align-items: center; font-size: 16px;
        
        padding: 15px 25px !important;
        font-weight: 400;
        border-bottom: rgba(0, 0, 0, .3) 1px solid;
        text-align: left;
        justify-content: inherit;
    }

    .navbar-nav > li > a.active, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li:hover > a{ border-bottom: rgba(0, 0, 0, .3) 1px solid; }

    .navbar-nav>li {
        width: 100%;
        margin: 0px 0px 1px;
        padding: 0px;
    }

    .navbar-nav>li>.dropdown-toggle::after {
        content: "\f078";
        display: inline-block !important;
        font-weight: normal;
        font-family: 'FontAwesome';
        bottom: 0px;
        margin-left: auto;
        border: none !important;
    }

    .navbar-nav>li>.dropdown-menu {
        background: #13131b;
        padding: 0px;
        border-radius: 0px;
        margin: 0px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

    .navbar-nav>li>.dropdown-menu li a {
        padding: 14px 25px !important;
        color: #fff;
        font-weight: 600;
        border-bottom: rgba(255, 255, 255, .3) 1px solid;
        text-align: left;
    }

    .navbar-nav>li>.dropdown-menu li a:hover,
    .navbar-nav>li>.dropdown-menu li a:focus {
        background: #58db21 !important;
        color: #000;
    }

   .navbar-collapse .navbar-toggler img {
        height: 12px;
        filter: brightness(0) invert(1);
    }

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

    .top_right{ padding-right: 40px;} 

    .navbar-nav>li>a.active:before,
.navbar-nav>li>a:hover:before,
.navbar-nav>li>a:focus:before,
.navbar-nav>li:hover>a:before{ display: none;} 

.dashboard_center::before, .dashboard_center::after{ display: none;}

	
}


@media (min-width:768px) and (max-width:991px){    
    .configure_chat_bx{ padding: 40px 30px 0px 30px;}

}


@media (max-width:767px){   

    .login_form h2{ font-size: 40px; line-height: 45px;} 
    .copyright_lg{ font-size: 12px;} 
    .heading_u{ padding-top: 16px; min-height: inherit; padding-bottom: 60px;} 
    .heading_u h2{ font-size: 25px; line-height: 32px; text-align: center;} 
    .report_analyzes{ margin-left: 0px; margin-right: 0px; padding: 15px;} 
    .user_interface, .publishing{ padding: 15px;}
    .learn_hw_bx{ padding: 15px 25px;} 
    .learn_hw_bx h4{ font-size: 20px;} 
    .bonus_bx .card-body{ padding-top: 60px !important;} 
    .unleash{ padding: 15px; text-align: center; justify-content: center !important;} 
    .unleash h2{ width: 100%; padding-bottom: 12px !important;} 
    .myaccess_bdy ul li{ width: 100%; margin-right: 0px;} 
    .btn2{ height: 50px;} 
    .integration{ padding: 20px 15px;} 
    .googleapi .password_rw{ flex-wrap: wrap;} 
    .copylink{ right: 10px;} 
    .googleapi .password_rw .form-control{ padding-right: 55px;} 
    .googleapi .password_rw .r_b{ width: 100%; padding-top: 8px;} 
    .googleapi .password_rw .r_b .w120{ width: 100% !important; height: 44px;} 
    .api_key_f{ flex-wrap: wrap; height: auto; text-align: center;} 
    .api_key_f .title{ width: 100%; padding-bottom: 5px;} 
    .api_key_f .btn{ width: 100% !important; } 
    .integration ul li{ padding: 5px 12px; margin: 4px 6px 4px 0px;} 

    .configure_chat_bx{ padding: 20px 20px 0px 20px;} 
    .configure_chat_bx figure{ margin-bottom: 0px !important;} 
    .font35{ font-size: 30px;}
 

}