@media (min-width: 768px) {
.height-box {
	height:98px;
}
.navbar-nav {
    width: 60%;
    text-align: center;
    float: left;
    margin-top: 5%;
	transition:all 0.3s;
}
.head-contact {
    text-align: left;
    font-size: 20px;
    width: 15%;
    float: right;
    line-height: 18px;
    margin-top: 3%;
	transition:all 0.3s;
}

.head-logo {
	width: 22%;
    text-align: left;
	float: left;
	padding:0;
}
.head-logo img {
	width:7em;
}
.head-contact p {
    margin: 0;
}
.province-box img {
    box-shadow: 0 0 1px 7px rgba(255,255,255,1);
    border-radius: 60px;
}
.pic-box1 {
    height: 142px;
    margin-bottom: 7px;
}
.pic-box2 {
    margin-bottom: 5px;
}


.navbar-nav>li {
    width: auto;
    padding: 0 5.4px;
	transition:all 0.3s;
}
.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li.active {
    box-shadow: inset 0 0 0 1px #1984b5, 0 0 1px rgba(0, 0, 0, 0);
}
.head-contact a {
    letter-spacing: 0;
}
.nav>li>a {
    padding: 4px 0;
    font-size: 20px;
}
.navbar-default .navbar-nav>li>a {
    color: #252525;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {
    color: #FFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #252525;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #252525;
    background-color: transparent;
}

.bg-footer {
	text-align:left;
    padding: 3% 0;
}
.bg-footer h1 {
    text-transform: uppercase;
    font-size: 20px;
	margin:0;
    margin-bottom: 6%;
}
.footer4 h1 {
	width:85%;
	float:left;
}
.footer4 .social-box {
	width:15%;
	float:left;
}
.bg-footer img {
	width:1em;
}
.bg-footer .col-sm-3 {
	padding:0;
}
.bg-footer p {
    font-size: 17px;
    margin: 0;
}


.bg1-content {
	padding:2% 0;
}
.bg1-head h1 {
    font-size: 39px;
    padding: 1% 0;
}
.bg1-head {
    margin-top: -4%;
}
.bg1-content {
    padding: 4% 0;
}
.gallery-box3 {
    margin-top:0;
}


.program-detail {
    text-align: left;
    width: 95%;
}
.bg2 {
    padding: 5% 0 3%;
}
.content-head {
    padding-bottom: 3%;
}
.content-head h1 {
    font-size: 30px;
}
.program-box {
    border: 3px solid #FFF;
}
.bg1-right {
    text-align: left;
    padding: 2%;
}
.bg1-left {
    padding: 16% 0;
}
.gallery-box6 {
	margin-top:22px;
}
.all-province {
    padding: 6% 0 0;
}
.province-box {
    margin-bottom: 15px;
}
.bg1-head h1 .svg-inline--fa.fa-w-16 {
    width: 0.15em;
    vertical-align: sub;
}

.navbar-default {
    padding: 1% 0;
	transition:all 0.3s;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #252525;
    background-color: transparent;
}


/*///////////////////////////////////////////////////////////////////////////////////*/

.gallery-right{
	padding-right:5px;
}
.gallery-left{
	padding-left:5px;
}

.gallery-sub-1, .gallery-sub-2, .gallery-sub-3, .gallery-sub-4, .gallery-sub-5{
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	padding-bottom: 212%;
	position: relative;
	background:#D8D8D8;
}
.gallery-sub-2{
	padding-bottom: 100%;
}
.gallery-sub-3{
	padding-bottom: 104%;
}
.gallery-sub-4{
	padding-bottom: 49.5%;
}

.gallery-box{
	margin-bottom:0 !important;
}



}