/*================================================================================
	Item Name: Kode
	Author: Bragher
	Author URL: http://www.themeforest.net/user/bragher
================================================================================*/

/* =================================================================================
smaller than 1280
================================================================================= */
@media screen and (max-width: 1280px) {
	.topmenu {
		display: block;
	}
}

/* =================================================================================
smaller than 1024
================================================================================= */
@media screen and (max-width: 1024px) {
	.profilebox b {
		display: block;
	}

	.content {
		margin-left: 0 !important;
	}
	.sidebar-open-button {
		display: block;
	}
	.sidebar-open-button-mobile {
		display: block;
	}
	.social-stats {
		bottom: 100px;
	}
	.topstats li {
		width: 33%;
	}
	.demo-sidebarmenu .sidebar {
		display: block;
	}

	.filer-details, .filer-details-1 , .dependants-details-1{display: block;}
	.filer-form-1, .filer-form-2, .dependants-form-2 {width: 96%; margin: auto;}

	.table-data .tables {
		display: block;}
		.col-md-6{width: 96%;}
		.panel-tittle-1 h2{padding: 10px;}
		.panel-tittle-1 img{padding: 10px;}
	
}

/* =================================================================================
bigger than 1024
================================================================================= */
@media screen and (min-width: 1024px) {
	.sidebar {
		display: block !important;
	}
}
@media screen and(max-width: 768px) {
	.wrapper-1{width: 96%;}
  }
/* ================	=================================================================
smaller than 760
================================================================================= */
@media screen and (max-width: 760px) {
	.page-header .right {
		display: none;
	}
	
	.presentation .list {
		float: left;
		margin-top: 20px;
	}
	.applogo {
		display: none;
	}
	.container-default,
	.container-widget {
		margin-left: -20px;
		margin-right: -20px;
	}
	.container-padding,
	.container-no-padding {
		margin-left: -15px;
		margin-right: -15px;
		padding: 0;
	}
	.social-profile{
		margin-left: -15px;
		margin-right: -15px;
	}
	.social-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.chart-with-stats .top-label {
		right: 20px;
	}
	.mailbox-menu .menu li {
		display: block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
	.chat .title {
		height: auto;
	}
	.profile-left{
		text-align: center;
	}
	.profile-left .btn {
		display: none;
	}
	.profile-left .profile-img{
		display: block;
		margin: auto;
		width: 72px;
		height: 72px;
	}
	.profile-left .name{
		position: static;
		color: #000;
		font-size: 16px;
		text-shadow: none;
	}
	.profile-left .profile-text{
		display: none;
	}
	.topstats li {
		width: 50%;
	}
}

@media  screen and(max-width:768px) {
	
	.bank-form-1 .form-area{border-bottom: 1px solid #E5E5E5;}
	.container h1{font-size: 20px;line-height: 1.4;}
	.form-pswd {width: 96%;}
	.form-pswd form label {width: 30%;}
	.form-pswd form .form-area .form-control {width: 70%;}
			
}
/* =================================================================================
smaller than 428
================================================================================= */
@media screen and (max-width: 428px) {
	.top-right {
		display: none;
	}
	.applogo {
		padding-left: 0;
		background: none;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: -4;
	}
	.topstats li {
		width: 100%;
	}
}