@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) {
.left-container {
left:inherit;
right:-220px;
z-index:99;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
.left-container .btn_close {
 display:block
}
.left-container .logo-bar {
 display: none;
}
.usr-logged-in {
 padding: 5px 20px 0px;
}
.usr-logged-in a {
 border-bottom: 0;
 text-align: left;
}
.nav_bar {
 margin-bottom: 80px;
}
.nav_bar .nav-brdr {
 display: none;
}
/**/
.right-container {
width:100%;
 left:0px;
}
/**/
header {
 padding: 11px 15px 0;
}
header.header-fixed-bar {
 width: 100%;
 padding: 9px 15px 10px;
}
header .m-logo-bar {
display: block;
}
 header .user-nav ul a.logged-in span {
display:none
}
 header .user-nav {
 margin: 4px 0 2px 11px;
display:none
}
header .user-nav ul a img {
 margin-right: 0;
}
 
/**/
section.contents {
 padding: 15px;
}
section.contents .web-container {
}
section.contents .web-block {
 padding: 10px 15px;
 border-radius: 8px;
} 
section.contents .main-head {
 font-size: 16px !important;
}
/**/
 .recent-col h4 {
padding: 4px 0px 12px !important;
}
 .sum-col-list .sum-col {
 padding: 18px 20px !important;
}
.sum-col-list .sum-col .sum-head {
 font-size: 17px !important;
 line-height: 22px;
}
.sum-col-list .sum-col .sum-val {
 margin: 17px auto 0px !important;
text-align:left
}

/**/
.log-model .log-left {
 display:none
 }

.log-model .log-right {
 padding:25px 30px 70px;
 width:100%;
 float:none;
}
.log-model .log-right h2 {
 margin-top:20px!important;
}
/**/
section.contents .web-block .table-responsive { 
	overflow-y: auto;border:0!important
}
section.contents .btn span {
	display:none;
}
section.contents .btn .fa {
	margin-right: 0px;
}
section.contents .btn-add, section.contents .btn-export, section.contents .btn-import, section.contents .btn-remove-all, section.contents .btn-print, section.contents .btn-back {
	width: auto; 
	padding: 3px 10px!important; text-align:center ; 
}
/**/
.my-profile {
 padding: 5px 0px;
}
.my-profile .up-pic {
 float: none;
 margin:20px auto 40px;
 display:table;
}
.my-profile .up-pic img {
 max-width: 150px;
border-radius:100%
}
.my-profile .up-pic .up-btn {
 right: 5px;
 bottom: -5px;
}
.my-profile .btn-sub, .my-profile .btn-cancel {
 width: auto;
}
/**/
 .form-group .up-pic-col {
 width: 110px;
 height: 100px;
 margin-right: 20px;
}
.form-group.thumb_block img { 
	height: 85px;  
}
.form-group.label-group {
	margin-top:0px;margin-bottom:8px!important;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
 header .user-nav {
 margin: 4px 0 4px 5px;
}
 .form-group .up-pic-col {
 width: 80px;
 height: 70px;
}
.form-group .up-pic-col span {
 font-size: 11px;
}
.form-group.thumb_block img { 
	height: 80px;  
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 .sum-col-list .sum-col .sum-val {
 margin: 0px auto 0px !important;
 font-size: 20px !important;
}
.sum-col-list .sum-col .sum-head span, .sum-col-list .sum-col .sum-head a {
 font-size: 12px !important;
}
.form-group .up-pic-col {
 width: 140px;
 height: 90px;
}
.form-group.thumb_block img { 
	height: 80px;  
}
}