@media only screen and (max-width: 1024px){
.header-navbar .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right{ display:none;}
.header-navbar .navbar-wrapper .navbar-logo .mobile-options {display: block;position: absolute;right: 30px;font-size: 25px;top: 18px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right{margin-right:40px;}
.header-navbar .navbar-wrapper .navbar-logo .mobile-search .ti-search,.header-navbar .navbar-wrapper .navbar-logo .mobile-menu .ti-menu{ display:none;}
/*2022/02 .header-collapse-menu{margin:8px 20px 0px 20px ;} */
/*2022/02 .header-navbar .navbar-wrapper .navbar-logo{padding-top:10px;} */
/*index*/
.customTabler .prList a{width: 82px;}
.custGrid .table thead.mainTabHeader th.mainH{white-space: normal;}
}

@media only screen and (min-width: 901px) and (max-width: 1023px){

}

@media only screen and (min-width: 801px) and (max-width: 900px){

}

@media only screen and (min-width: 768px) and (max-width: 800px){
/*index*/
.customTabler .prList a{width:75px;}
/*mypreferences*/
.colorcode ul li{margin-right: 3px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
.header-navbar .navbar-wrapper .navbar-logo{padding-top:0px;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.help-mega-menu{transform: translate(-49%, 0) !important;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.help-mega-menu{transform: translate(-44%, 0) !important;width: 551px !important;}
/*index*/
.customTabler .table{ width:700px;}
.customTabler ul.actionOpt{float: none;}
.customTabler ul.actionOpt li a.btn-default{padding: 4px 10px;}
}

@media only screen and (min-width: 568px) and (max-width: 639px){
.header-navbar .navbar-wrapper .navbar-container .nav-right a{padding: 1.5rem 5px;}
.header-navbar .navbar-wrapper .navbar-logo{padding-top: 0;}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification{    min-width: 220px;}
.help-mega-menu{width: 490px !important; left: -72px !important;}
/*index*/
.customTabler .table{ width:700px;}
}

@media only screen and (min-width: 480px) and (max-width: 567px){
/*2022/02 .header-collapse-menu{margin:8px 28px 0px 28px;} */
.header-navbar .navbar-wrapper .navbar-logo{width: 215px; padding-top: 0;}
/*2022/02 .header-navbar .navbar-wrapper .navbar-logo a .img-fluid{max-width: 85%;} */
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.my-profile-mega-menu{width: calc(100% - 50px) !important;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.help-mega-menu{width: calc(100% - 50px) !important;left: 0;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.my-profile-mega-menu{left: -33px;}
}

@media only screen and (min-width: 360px) and (max-width: 479px){
.header-collapse-menu{margin:8px 20px 0px 20px ;}
.header-navbar .navbar-wrapper .navbar-logo{padding-top:8px; width: 200px;}
.header-navbar .navbar-wrapper .navbar-logo a .img-fluid{max-width: 80%;}
.header-navbar .navbar-wrapper .navbar-container .nav-right a{padding: 1.5rem 3px;}
.header-navbar .navbar-wrapper .navbar-logo .mobile-options{right: 20px;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.my-profile-mega-menu{width: calc(100% - 50px) !important;left: 0;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.help-mega-menu{width: calc(100% - 50px) !important;left: 0;}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification{min-width: 250px;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li{ padding:10px 20px;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li .mega-menu-links li{ padding:5px 0;}
.card .card-header{padding: 15px 10px;}
.card-header .btn {	padding: 10px 10px;}
.panel.panel-default.card .panel-heading .panel-title a{font-size: 15px;}
.panel-title > a:before{padding-right: 0px;margin-top: 9px;}
.main-body .page-wrapper{padding: 20px;}
/*mymessages*/
.info-icon{right:8px;top:33%;}
.card-block .input-group{ display:inherit;}
.panel.panel-default.card .form-control{ width:100%;margin-bottom: 10px;}
.card-header .btn{padding: 7px 4px; font-size:12px;}
/*index*/
.customTabler .table{ width:700px;}
.customTabler ul.actionOpt{float:none;padding: 10px 0 15px;}
.customTabler ul.actionOpt li a.btn-default{padding: 4px 4px;font-size: 12px;}
.customTabler .prList a{width: 69px;}
/*mypreferences*/
}

@media only screen and (min-width: 320px) and (max-width: 359px){
.header-collapse-menu{margin:8px 10px 0px 10px}
.header-navbar .navbar-wrapper .navbar-logo{width: 173px;}
.header-navbar .navbar-wrapper .navbar-logo a .img-fluid{max-width: 76%;}
.header-navbar .navbar-wrapper .navbar-logo .mobile-options{top: 16px; right: 10px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right{margin-right: 27px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right li{padding:0 3px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right a{padding:1.5rem 3px;}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification{    min-width: 220px;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.my-profile-mega-menu{width: calc(100% - 50px) !important;left: -10px;transform: translate(-70%, 0) !important;}
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification.help-mega-menu{width: calc(100% - 50px) !important;left: 0;transform: translate(-55%, 0) !important;}
.card .card-header{padding:15px 10px;}
.card-header .btn {padding:7px 5px;}
.main-body .page-wrapper{padding: 15px;}
.panel.panel-default.card .panel-heading .panel-title a{font-size: 15px;}
.panel-title > a:before{padding-right: 0px;margin-top: 9px;}
/*index*/
.customTabler .table{ width:700px;}
.customTabler ul.actionOpt{float:none;padding: 10px 0 15px;}
.customTabler ul.actionOpt li a.btn-default{padding: 4px 4px; font-size: 12px;}
.customTabler .panel-heading{padding: 10px 9px; font-size:15px;}
.customTabler .panel-body{padding: 10px 9px;}
/*mypreferences*/
.card-block .input-group{ display:inherit;}
.panel.panel-default.card .form-control{ width:100%;margin-bottom: 10px;}
.colorcode ul li{margin-right: 3px;}
}

@media only screen and (min-width: 320px) and (max-width: 1400px){
/*	.badgeGrid { display: block; } */
}

@media only screen and (min-width: 1625px) {
	.col-1badgeHome { max-width: 15%; }
	.col-6badgeHome { max-width: 30%; margin-left: auto !important;}
	.col-1badge { max-width: 15%; }
	.col-6badge { max-width: 25%; margin-left: auto !important;}
}


@media only screen and (min-width: 1000px) and (max-width: 1428px) {
	.col-1badge { max-width: 16.666666%; }
	.col-6badge { max-width: 100%; padding-top: 20px; margin-left: 15px !important;}
}

@media only screen and (min-width: 1000px) and (max-width: 1624px) {
	.col-1badgeHome { max-width: 16.666666%; }
	.col-6badgeHome { max-width: 100%; padding-top: 20px; margin-left: 15px !important;}
}

@media only screen and (max-width: 999px) {
	.col-1badge, .col-1badgeHome { max-width: 24.999999%; }
	.col-6badge, .col-6badgeHome { max-width: 100%; padding-top: 20px; margin-left: 15px !important;}
}


/*2021/12:*/
/*
@media (min-width: 992px){
  .dropdown-menu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
  }
  .dropdown-menu .dropdown-menu{
    margin-left:0; margin-right: 0;
  }
  .dropdown-menu li{
    position: relative;
  }
  .nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; 
    top:-7px;
  }
  .nav-item .submenu-left{ 
    right: 100%; 
    left: auto;
  }
  .dropdown-menu > li:hover{ background-color: #f1f1f1; } 
  .dropdown-menu > li:hover > .submenu{ display: block; }
  .submenu.dropdown-menu > li:hover { left:100%; top:-7px; }
}
*/