/*
Website: Website Name
Author: Romy Dagohoy Jr.
*/

  @media only screen and (max-width : 800px) {

  	ul li.navbar-hide {
    	display: block;
	}
	.hero-banner {
		margin-top: 0px;
	}
	.navbar-default .navbar-nav > li > a {
    background-color: rgba(2,56,32,.90) !important;
	}
	.navbar-default .dropdown-menu {
        border: none;
        margin-top: -1px;
    }
    .footer-nav ul li {
    	display: block;
    	text-align: center;
    	padding: 8px;
    }
    .footer-info a {
    	font-size: 12px;

    }
    .footer-info {
    	text-align: center;
    }
    .p-holder p {
    	text-align: center;
    }
    .brand-hide {
    	display: block !important;
    }
    .navbar-brand {
	    position: absolute;
    	z-index: 2;
   		margin-left: 16px;
    	margin-top: 14px;
    	color: #fff !important;
    }
    .search-holder {
        margin: 0;
        padding-left: 10px;
        padding-bottom: 12px;
    }
    .nav li:first-child {
        background: rgba(2,56,32,.90) !important;
        display: block;
    }
    .search-btn .btn-icon {
        float: right;
    }
    .search-btn input[type="text"] {
        margin-top: 6px;
        width: 290px;
    }
    .alt-social {
        display: none;
    }
    .hero-banner .alt-play h2 {
        font-size: 24px;
    }
    .carousel-caption {
        padding-top: 80px;
    }
    .hero-banner .needle-holder2 .needle {
        width: 30%;
        position: absolute;
        top: 12px;
    }
    .hero-banner .needle-holder1 .needle {
        width: 30%;
        position: absolute;
        top: 12px;
    }
    .hero-banner .alt-play h1 {
        font-size: 32px;
        line-height: 32px;
        margin-top: 12px;
    }
    .carousel-caption .alt-play {
        padding: 2%;
    }
    .hero-banner .alt-play .alt-inq {
        margin: 12px 0;
    }
    .hero-banner .alt-play a {
        padding: 14px 18px;
        margin-top: 32px;
    }
    .carousel-inner .item {
        min-height: 0;
    }
    .hero-banner .alt-play .alt-down {
        font-size: 15px;
    }
    .wphtmlblock-container .col-sm-3 {
        padding: 0 80px;
        margin: 0 32px;
    }
    .alt-first {
        padding: 24px 0;
    }
    .alt-first .alt-icon1 a {
        margin-bottom: 24px;
    }
    .alt-first .alt-mission {
        height: 280px;
    }
    .map .alt-fourth {
        padding: 24px;
    }
    .map .alt-fourth {
        position: relative;
        top: 0;
        left: 0;
        margin: auto;
        width: 100%;
        margin-bottom: 6px;
    }
    .alt-request h1 {
        font-size: 18px;
    }
    .alt-request .needle-holder1 .needle {
        width: 10%;
        position: absolute;
        top: 8px;
    }
    .alt-request .needle-holder2 .needle {
        width: 10%;
        position: absolute;
        top: 8px;
    }
    .navbar-brand:before {
        display: none;
    }
    .navbar-brand {
        padding: 0;
    }
    .alt-search ul li {
        display: none;
    }
    .navbar-alt {
        text-align: center;
    }
    ul.navbar-alt li  {
        display: inline-block;
        text-align: center;
    }
    .navbar-brand img {
        display: none;
        width: auto;
        height: 150px;
    }
    .brand-desk {
        margin: 0;
        position: relative;
    }
    .navbar-alt li:first-child {
        padding: 8px 14px;
    }
    .navbar-alt li {
        padding: 14px;
    }
    .header .container {
        padding: 0;
    }
    .hero-banner .banner-holder .item {
        height: 350px !important;
        margin-top: 109px;
    }
    .head-welcome {
        padding: 50px !important;
        margin-top: 40px;
    }
    .alt-direction .col-sm-12 h1 {
        text-align: center !important;
        font-size: 28px;
    }
    .alt-headcontent .layout {
        padding: 12px;
        padding-top: 0;
    }
    .alt-master {
        padding: 12px;
        position: relative;
    }
    .alt-master .pull-left {
        display: block;
        width: 100%;
    }
    .alt-direction .col-sm-12 .pull-right   {
        float: none !important;
    }
    .layout .alt-content h1,
    .layout .alt-content p  {
        margin-left: 14px !important;
    }
    .alt-headcontent img {
        margin-bottom: 24px;
    }
    .layout .news-holder ul.control li a {
        margin-bottom: 8px;
    }
    .layout ol li {
        margin-left: 0px;
    }
    .arrow-holder {
        display: none;
    }
    .layout .bg-holder1,
    .layout  .bg-holder2,
    .layout  .bg-holder2 {
        margin-bottom: 24px;
    }
    .layout table tr td {
        padding: 4px;
    }
    .breadcrumbs {
        display: none;
    }
    .layout .alt-sitemap h2 {
        text-align: left;
    }
    .layout .alt-sitemap ul li {
        text-align: left;
    }
    .school5-mobile {
        display: block;
    }
    .school5-desktop {
        display: none;
    }
    .tablet {
    display: block !important;
    }
}