@media only screen and (max-width: 1024px) {
 
	.custom_nav ul li a{ font-size: 12px;}
	
	ul.no_margin li {
    margin-right: 0px;
    margin-left: 5px;
    padding-left: 5px;
}
	
	
	ul.no_margin li img{ width: 80%; display: none; }
	ul.no_margin li+li{ border: 0px; }
	
	
	.bglogin{ background-image: none; }
	.img_center{ display: none; }
	
	.leftpanel h3{ color: #2668ff; }
	.leftpanel h2{ color: #2668ff; }
} 


@media only screen and (max-width: 1023px) {
 
	.custom_nav ul li a{ font-size: 12px;}
	.main_title{ position: relative; padding-top:10px;  }
	.custom_links ul:before{ display: none; }
	.main_title span {
    display: inline-block;
   
}
	
	.navbar-toggler{ background: #2668ff;
    color: #fff;
    padding: 4px 8px;
    font-size: 15px; margin-top: 10px;  }
	
	#show-sidebar {
   
    top: 15px;
   
    width: 30px;
   background: #ff2d50;
		border-color: #ff2d50;
}
	
	ul.no_margin{ float: left !important; }
	ul.no_margin li{ margin: 0px; padding: 0px; }
}



@media only screen and (max-width:767px) {
	
	.custom_links ul li a{ height: 40px; min-width: inherit; }
	.custom_links ul li a i{ font-size: 15px; }
	.custom_links ul li{ padding: 0 5px; }
	.custom_links ul li:first-child {
     padding-left: 0px;
}

	.custom_links ul li:last-child {
     padding-right: 0px; 
}
	
	.calendarspace{ margin-bottom: 10px; }
	
	.bglogin{ overflow-y: scroll !important; overflow-x: hidden !important; }
	.logo{ padding-bottom: 20px; }
	
	.leftpanel h2{ font-size: 20px; }
	.leftpanel h3{ font-size: 15px; }
	
	.logo_hidden{ display: none !important; }
	.login_form{ padding-top: 0px; }
	
	
	.leftpanel{ padding: 10px 0 0 0; }
	
	
	
	
	.col-xs-12.col-sm-12.col-md-4.ml-auto.mt-5.mr-auto{ margin-top: 15px !important;  }
	
	
	
}

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

.login_form .btn{ min-width: inherit; font-size: 12px; }

	}