.mobile-header{display:none;}
@media screen and (max-width:1410px) and (min-width:1280px){

}

@media screen and (max-width:1279px) and (min-width:993px){

}

@media screen and (max-width:1024px) and (min-width:992px){
#footer{padding:10px 20px 10px 20px;}
.right-menu{right:20px;}
.right-menu ul li a {padding: 8px 10px;	margin-left: 5px;font-size: 16px;}
#main {padding: 20px 20px 40px 20px;}
.ssl-banner {float: left;margin: 15px 0 0 0;}
}
@media screen and (max-width:992px) and (min-width:768px){
.logo{ text-align: left; margin:0 0 0 70px; }
.user-logout .logo{ margin:auto; }
.right-menu ul li a {padding: 8px 10px;	margin-left: 5px;font-size: 16px;}
#sidebar.active {margin-left: -180px;}
#sidebar {margin-left:0px; height: 100vh;}
#content.active {width: calc(100% - 0px);}
#main {padding: 20px 20px 40px 80px;}

#footer {padding: 10px 20px 10px 80px;}
.right-menu{right:20px;}
.modal-body .col-form-label{padding-left: 0}
.contact-information{margin-bottom: 30px;}
.notification-box{ margin-bottom: 30px; }
}


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

.ssl-banner {display:none;position: static; margin:0px;}
.ssl-banner > img{ height:50px; display:inline-block;}
.ssl-banner  span{ position: static; display: inline-block;width: 100px;background: #fff;
    padding:3px;overflow: hidden;vertical-align: middle;}
.mobile-header{ padding:10px 0; text-align:center; background:#000;display:block;}
.mobile-header .ssl-banner{ display:block !important;   position:static; float:none;}
.mobile-header:after,.mobile-header:before{content:""; display:table;}
.mobile-header:after{clear:both;}

.user-login {margin: 0 0 0 70px}
.user-login .col-md-100{ text-align:left;}
.user-login .col-md-100 .logo {margin: 0!important;display: inline-block;}

}
@media screen and (max-width:1024px) and (min-width:992px){.user-login {margin: 0 0 0 0px }}

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

.logo{ text-align:center; margin:0 0 0 0px; padding:9px 0; display: inline-block;}
.right-menu ul li a{margin-left: 5px;}
.logo img{max-width: 90px;}
.topnav{bottom: inherit;}
.topnav a{padding: 20px 18px 11px}
.login-form {margin:70px auto 15px;padding:20px;}
.right-menu ul li a {font-size: 0;width:35px;height:35px;display: block; text-align:center;padding:5px 5px; line-height: 38px;}
.right-menu ul li a i{ font-size:20px;margin-left:0px;}

.right-menu {right: 15px;top: 15px;}
#main{margin-left: 0px !important;}
.heading-title{margin-bottom: 0;}
.wrapper {margin-bottom:0px;}
#footer{padding:10px 20px 10px 20px; text-align:center;left: 0}
.social-icon ul{ float: none; text-align:center; margin:15px 0 0; }
.balance-strip{ font-size:16px; margin-top: 15px;}
.income strong{ font-size:15px; }
.income{ font-size:20px; }
.expenses strong{ font-size:15px; }
.expenses{ font-size:20px; }
.table-responsive table{min-width: 700px;}
.right-menu ul li:hover ul{ width:200px; margin:0px; padding: 0 }
.right-menu ul li:hover ul li{ float: none; text-align:left;}
.right-menu ul li:hover ul li a{ width:auto; height:auto; line-height: normal; text-align:left; }
.login-form .btn {padding: 10px 25px;font-size: 18px;}
#sidebar.active {margin-left: -180px;}
#sidebar {margin-left:0px; height: 100vh;}
#content.active {width: calc(100% - 0px);}



#sidebar.active{ height:70px; position:absolute;overflow:visible; }
#sidebarCollapse {margin: 20px 22px 0;}
#main{padding:20px;}
.login-container{ min-height:90vh }
.login-form .inline-block.pr-0, .login-form .inline-block.px-0{padding:10px 15px !important;}
.login-form-main{padding:0 15px;}
.faq-accordion .card-header .btn{padding-right:15px;}
.susbcription-box{padding:20px 15px;}
.modal-body .col-form-label{padding-left: 0}
.contact-information{margin-bottom: 30px;}
.notification-box{ margin-bottom: 30px; }
.iagree-text label{ display: inline; }
.modal{ z-index: 999999 }
.datepicker-dropdown{z-index:999999 !important}


}

@media screen and (max-width:480px){
	header{text-align:left;}
.logo{ text-align:center; margin:0 0 0 70px; padding:9px 0; display: inline-block;}
.table-icon{width: 88px; display: block}
.login-form {margin: 20px auto 15px;}

}