@media only screen and (min-device-width: 1900px) and (max-device-height: 1200px){
	.col-lg-5{flex: 0 0 auto;width: 33%;}
}
@media all and (min-width: 1400px){
    .banking_app .app-card .app-logo{min-height:70px;}
    .mainContent .btn-with-icon span{margin-right: 15px;width: 40px;height: 40px;line-height: 38px;}
    .subscription-user .bot-list .bot-card .config-btn{width: 40px;height: 40px;}
    .user_sidenav .sidebarMenu{margin-top: 3rem;}
}
@media all and (min-width: 1400px) and (max-width: 1600px){
    .subscription-user .bot-list .toggle{width: 85px;height:36px;}
    .subscription-user .bot-list .toggle-handle{width: 34px;height: 34px;}
    .subscription-user .bot-list .toggle-input:checked~.toggle-handle{left:46px;}
}
@media all and (min-width: 1200px) and (max-width: 1399px){
    .banking_app .app-card .app-logo{min-height:50px;}
    .mainContent .btn-with-icon span{margin-right: 10px;width: 30px;height: 30px;line-height: 30px;}
    .subscription-user .bot-list .bot-card .config-btn{width: 36px;height: 36px;}
    .subscription-user .bot-list .toggle{width: 85px;height:36px;}
    .subscription-user .bot-list .toggle-handle{width: 34px;height: 34px;}
    .subscription-user .bot-list .toggle-input:checked~.toggle-handle{left:46px;}
    .user_sidenav .sidebarMenu{margin-top: 2rem;}
}
@media all and (min-width:991px){
    .login-container .card img.logo{width: 200px;margin-bottom: 2rem;}
	.reg_page header{padding: 15px 0 0 20px;}
	.login_form .btn-login, .regForm .btn-login{background-color: var(--primaryColor);color: #fff;}
    .sb-sidenav-toggled .page_wrapper .sb-topnav{padding-left: 100px;}
    .admin_layout .sb-topnav #sidebarToggle, .user_layout .sb-topnav #sidebarToggle{display: none;}
    .sb-sidenav-toggled .page_wrapper #layoutSidenav #layoutSidenav_nav{transform: translateX(0px);width: 80px;}
    .sb-sidenav-toggled .page_wrapper #layoutSidenav #layoutSidenav_content{margin-left: -170px;}
    .sb-sidenav-toggled .sidebarMenu.nav .nav-link span{display: none;}
    .sb-sidenav-toggled .sidebarMenu.nav .nav-link{justify-content: center;}
    .sb-sidenav-toggled .sidebarMenu.nav .nav-link .sb-nav-link-icon{margin-right: 0;}
    .sb-nav-fixed .page_wrapper .sb-sidenav .navbar-brand img.sm-logo{display: none;}
    .sb-sidenav-toggled .page_wrapper .sb-sidenav .navbar-brand img.lg-logo{display: none;}
    .sb-sidenav-toggled .page_wrapper .sb-sidenav .navbar-brand img.sm-logo{width: 80%;display: inline-block;}
    .footer-menu{text-align: end;}
	.login-container .card{width: 70%;margin: 0 auto;}
	.reg_container{height: 100vh;}
	.reg_container .left-col{height: 50%;}
}
@media all and (min-width: 768px) and (max-width: 990px){
    .login-container .card img.logo{width: 200px;}
}
@media all and (max-width: 767px){
	.login-container .card img.logo{width: 200px;}
	.login_form .btn-login, .regForm .btn-login{background-color: #ffc700;color: #000;}
	.login-container .card .text-link, .login-container .card h5, .reg_page .reg_container h3{color: #fff;}
	.reg_page{background-color: var(--primaryColor);}
	.reg_page header{padding: 15px;text-align: center;position: absolute;}
	.reg_page header img{width: 100px;}
	.reg_page .reg_container{padding-top: 150px;}
	.reg_page .reg_container h2, .reg_page .reg_container .text-link{color: #ffc700;}
	.regForm .form-label, .regForm p.fw-normal{color: #f2f2f2;font-weight: 400;}
    .page_wrapper .sb-topnav{padding-left: 20px;}
    .sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav{margin-top: 56px;transform:translateX(-250px)}
    .sb-sidenav-toggled .page_wrapper #layoutSidenav #layoutSidenav_nav{transform: translateX(0px);}
    .sb-sidenav-toggled .page_wrapper .sb-sidenav .navbar-brand img.sm-logo{display: none;}
    .sb-sidenav-toggled .page_wrapper .sb-sidenav .navbar-brand img.lg-logo{width: 80%;display: inline-block;}
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav{padding-top: 20px;}
    .sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_content{padding-left: 0;margin-left: 0;}
    .dashboard .bot-card, .api-card{margin-bottom: 1.5rem;}
    .config-form .btn{margin-top: 1.5rem;}
    .mainContent .btn-with-icon span{margin-right: 10px;width: 25px;height: 25px;line-height: 25px;}
	.mainContent .content-card .btn-with-icon{height: 30px;margin-top: 1rem;}
}