/************ Main **************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
section{
	padding:0px;
}
#content{
	width:100%;
}
.dash_board .span4{
	width:48%;
}
.dash_board .span8{
	width:48%;
}
.dash_board .span8 .span6{
	width:100%;
	margin-left:0px;
}
.second_rpt{
	margin-left:0px !important;
}
.second_rpt .span6{
	margin-left:0px;
	float:left;
}
section .span2 {width:100% !important;}
section .nav li{ display:inline-block; width:22%;}
section .nav > li > a:hover, section .nav > li > a:focus, section .nav li.active { text-decoration: none;  background-color: #FFF;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
}
}

/************ Teblet **************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container-fluid{
	padding:0 4%;
}
header .navbar-fixed-top{margin-bottom:0px;}
section{padding:10px 0;}
section .nav li{ margin-bottom:5px; text-align:left;}
section .nav li a{padding:0px 0; color:#1c1e1f; font-size:13px;}
section .nav i{ display:inline-block; width:20%; height:32px; vertical-align:middle;}
section .nav > li > a:hover, section .nav > li > a:focus, section .nav li.active { text-decoration: none;  background-color: #FFF;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
}
section .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
	padding:5px 0;
}
section .span10{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.tab_data{
	width:98%;
}
.top_avtar{
	text-align:center !important;
}
.box-content .table-striped th{
	font-size:11px;
}
.box-content .table th, .table td{
	padding:2px;
	font-size:12px;
}
.box-content  .btn{
	padding:2px 3px;
	font-size:12px;
	margin-bottom:5px;
}
#information th{ padding:5px !important;}
#information td { border-bottom:1px solid #f1f1f1; padding:7px 8px; font-size:11px !important; }
#information .actions a{font-size:11px !important; margin:2px 2px;float:left;}
.actions select{ width:200px; }
}

/************ iphone **************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.container-fluid{
	padding:0 4%;
}
header .navbar-fixed-top{margin-bottom:0px;}
section{padding:10px 0;}
section .nav li{ margin-bottom:5px; text-align:left;}
section .nav li a{padding:0px 0; color:#1c1e1f; font-size:13px;}
section .nav i{ display:inline-block; width:20%; height:32px; vertical-align:middle;}
section .nav > li > a:hover, section .nav > li > a:focus, section .nav li.active { text-decoration: none;  background-color: #FFF;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
-moz-box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
box-shadow: 0px 0px 0px 0px rgba(13,13,13,1);
}
section .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
	padding:5px 0;
}
section .span10{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.left_icon{
	width:50%;
}
.content_right h2{
	font-size:28px;
}
.dash_article .content_right{
	font-size:16px;
	width:50%;
}
.dash_article .new_book, .dash_article .earn, .dash_article .user{
	padding:10px 2%;
	min-height:90px;
	width:96%;
}
.tab_data{
	width:96%;
}
.dash_board .span4{
	margin-bottom:20px;
}
.top_avtar{
	text-align:center !important;
}
header .navbar{
	margin-bottom:0px;
}
.box-content .table-striped th{
	font-size:12px;
}
.box-content .table th, .table td{
	padding:4px;
}
.filter-input{margin:35px 0;}

}