/* lg */ 
@media (min-width: 1200px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
   .cat-box {
	margin:0;
	color:#FFF;
	height: 250px;
	}
.cat-box img {
	margin-top: 55px;
	}
}

/* xs */
@media (max-width: 767px) {
  .header-logo {
	width: 90px;
	}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c7f1f7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c7f1f7;
    background-color: #f16923;
  }
  .navbar-collapse {
    max-height: 640px
  }
  .cat-box {
	margin:0;
	color:#FFF;
	height: 250px;
	}
.cat-box img {
	margin-top: 55px;
	}
.navbar-default .navbar-right > li > .nav-social {
	float:left;
	}
	section {
	padding-top:35px;
	padding-bottom:35px;
	}
.page {
	padding-top:25px;
	padding-bottom:25px;
	}
.page-header {
    padding-bottom: 9px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
	font-size:21px;
}
.page img {
	margin-bottom:15px;
	}	
.panel-item .panel-heading img {
    margin-bottom:0 !important;
}
.index-side-menu{
	
	}
}


/* XS Portrait */
@media (max-width: 479px) {
}