@media (max-width:1024px){
	.btn-primary{
    padding: 15px 25px;
	}
	.header-right li.dropdown a{
		font-size: 12px;
	}
}
@media (max-width: 768px) and (max-width: 1024px) {
	.login-content h2{
		font-size: 28px;	
	}
.main-title{
	font-size: 20px;
}
	.navbar .menu{
    position: fixed;
    top: 80px;
    background: #141a21;
    width: 100%;
    left: 0;
}
.header{
	width: 100%;
	position: fixed;
	z-index: 9999;
}
.main-content{
	padding: 130px 0 50px;
}
}
@media (max-width: 767px) {
	.single-field textarea{
		width: 100%;
	}
	.modal-dialog{
    margin: 100px auto;

	}
	.custom-file{
		width: 25%;
	}
	.pre-btns .btn-primary{
		padding: 10px 12px;
		font-size: 10px;
	}
	ul.file-list{
		width: 100%;
	}
	.spacer h5{
		font-size: 16px;
	}
	.top-title{
		font-size: 20px;
	}
	.main-box{
		display: block;
		position: inherit;
		margin: 15px;
		border-radius: 10px;
		padding:40px 20px;
		height: auto !important;
	}
	.login-head h2{
		font-size: 20px;
	}
	.mobile-hei, .login-wrap{
		height: auto !important;
	}
	.login-content h2{
		font-size: 28px
	}
	.login-content{
		padding:30px 10px 10px;

	}
	.user-profile a span{
		display: none;
	}
	.navbar .menu{
    position: fixed;
    top: 60px;
    background: #141a21;
    width: 100%;
    left: 0;
}
.header{
	width: 100%;
	position: fixed;
	z-index: 9999;
}
.main-content{
	padding: 100px 0 50px;
}
.navbar{
	padding: 5px;
}
.main-content .container-fl{
	padding: 0 15px;
}
.main-select{
	margin-top: 15px;
}
.single-field{
	display: block;
	width: 100%;
}
.single-field label, .single-field p, .single-field input{
	width: 100%;
}
.user-bar .name{
	    width: 50px;
}
.conversation .conversation-container{
	width: 100%;
}
.main-preview-box{
	padding: 15px;
}
.user-bar .actions.attachment{
	margin: 0 0 0 18px;
}
.user-bar .actions.attachment i, .user-bar .actions i{
	font-size: 18px;
}
.user-bar .actions.more{
	    margin: 0 12px 0 20px;
}
}