@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
header {
	position: inherit;
}

section.contents .content-bar {
	margin-top: inherit;
}
.login-bar-container {
 min-height: 300px !important;
}
.btn-submit-active, .btn-cancel {
 width:125px;
}
.login-bar {
margin:0px auto 0;
}
 .login-bar .login-left {
display:none
}
 .main-head-log {
margin: 22px 0 !important;
}
.main-head-log span {
display:block;
font-size:15px
}
.location {
 float: left !important;
margin-top: 5px !important;
}
.table-responsive {
 margin-top:10px;
}
/**/
.btn-check.btn {
    margin-right: 8px;
}
/*settings table*/
 
.adv-setting td:nth-child(1), .adv-setting th:nth-child(1){
	width: 50%!important; white-space: inherit!important;
}
.adv-setting td:nth-child(2), .adv-setting th:nth-child(2){
	width: 50%!important; white-space: inherit!important; 
}
/**/
.code-setting td:nth-child(1), .code-setting th:nth-child(1){
	width:inherit!important; 
}
.code-setting td:nth-child(2), .code-setting th:nth-child(2){
	width:inherit!important; 
}
.code-setting td:nth-child(3), .code-setting th:nth-child(3){
	width:inherit!important; 
} 
/***/
.bdr-right {
	border-right:#ccc 0px solid;  
	padding-left: 0px;
	margin-left: -15px !important;
}

/**/
footer .copy {
margin-bottom:0px!important
}
footer .copy span {
 display:block
}
footer .designer {
 text-align:left
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.nav-bar {
 height: 144px;
}
.sm-clearfix:after {
clear:both!important;
display:table;
 content:" "
} 
section.contents .content-bar {
	margin-top: 197px;
}
.master-list th:nth-child(1), .master-list td:nth-child(1){
 
	width:10%;
}
.master-list th:nth-child(2), .master-list td:nth-child(2){
	width:75%;
}
.master-list th:nth-child(3), .master-list td:nth-child(3){
	 width:15%;
}

}
@media only screen and (min-width:992px) and (max-width:1199px) {
}
@media only screen and (min-width:992px){
.md-clearfix:after {
	clear:both!important;
	display:table;
	content:" "
}
}