@charset "utf-8";
/* CSS Document */

/*****************************************************************
responsive-admin
******************************************************************/

@media only screen and (max-width: 1199px){
header .navbar-inverse .navbar-nav > li {
  padding: 0 24px;
}
.admin_menu_content > ul > li > a {
  padding: 15px;
}
.admin_bottom h4 i {
  display: block;
  margin: 0 auto 10px;
}
.package_block ul li {
  font-size: 15px;
  padding: 0 8px;
}
.package_block ul li span {
  font-size: 14px;
}

}

@media only screen and (max-width: 991px){
header .navbar-inverse .navbar-nav > li {
  padding: 0 13px;
}
.footer_inner {
  margin-bottom: 20px;
}
.admin_menu_content > ul{ font-size:0;}
.admin_menu_content > ul > li{ width:33.33%;}
.admin_menu_content > ul > li > a {
  padding: 15px 10px; width:100%;
}
.admin_menu_content > ul > li:nth-child(3){  border:none;}
.chartbox {
  margin-bottom: 30px;
}
.admin_bottom h4 {
  line-height: 24px;
}
.deposit_input {
  margin-bottom: 15px;
}
.dash_box h4 {

	font-size: 17px;
font-family: open sans;
}
}

@media only screen and (max-width: 767px){
header { position: inherit; z-index: auto; background:#08142e;}

header .navbar-toggle{margin:0; border:0; background:#f1d55f; border-radius:0;}
header .navbar-inverse .navbar-toggle:hover, 
header .navbar-inverse .navbar-toggle:focus{  background:#4dcdff;}
header .navbar-inverse .navbar-toggle:hover .icon-bar, 
header .navbar-inverse .navbar-toggle:focus .icon-bar{ background-color:#ffffff;}

header .navbar-inverse .navbar-header {
  padding: 16px 0;
}

header .navbar-inverse .navbar-nav > li > a::before { bottom: 0; left: 0; margin: auto;top: 0; text-align:left; height:22px;}
header .navbar-inverse .navbar-nav > li > a {
  padding: 10px 0; width:100%;
}
header .navbar-inverse .navbar-nav > li {
  padding: 0;
  width: 100%;
}
header .navbar-inverse .navbar-nav > li > a:after{ right:auto;}

header .navbar-inverse .navbar-nav > li > a:hover{ padding-left:20px;}
.footer_bottom h6 {
  line-height: 26px;
}
.admin_title {
  text-align: center;
}
.go_to {
  text-align: center;
}
.admin_bottom h4 {
  margin-bottom: 24px;
}
.package_block h5{ padding:0 20px;}
.package_block h5 .btn {
  display: block;
}
.payment_select li {
	padding: 0 0;
	width: 100%;
}

}

@media only screen and (max-width:600px){
.payment_select li {
  text-align: left;
  width: 100%;
}
.payment_select {
  padding-top: 10px;
}

}

@media only screen and (max-width: 520px){

}

@media only screen and (max-width: 480px){
.admin_menu_content > ul > li {
  width: 50%;
}
.admin_menu_content > ul > li:nth-child(3){ border-right:1px solid #b29930;}
.admin_menu_content > ul > li:nth-child(2),
.admin_menu_content > ul > li:nth-child(4){  border:none;}

}

@media only screen and (max-width: 420px){
.footer_top .col-xs-6{ width:100%;}
.admin_title h2 {
  font-size: 30px;
}
.table_page {
  float: none;
  margin-top: 15px;
  width: 100%;
}

}

@media only screen and (max-width: 360px){
.admin_menu_content > ul > li {
  width: 100%; border:none !important;
}
.dash_box h4 {
  font-size: 20px;
}
.dash_box h4 span {
  font-size: 25px;
  height: 50px;
  width: 50px;
}
.dash_box h4 span i{ line-height:50px;}
.btn {


	font-size: 14px;

}
}

@media only screen and (max-width: 320px){

}