@media (min-width: 768px){

	.navbar-nav {
	    margin: 0;
	}

	.navbar-brand {
		display: none;
	}

	.carousel-inner>.item>img{
	  width: 100%;
	}

	.carousel-caption{
		left: 10%;
	}

	.carousel-caption h1{
		font-size: 32px;
	}

	.joinmeLayout{
		position: absolute;
		right: 0;
		bottom: 130px;
	}

	.newsandarticleLayout{
		height: 350px;
	}

	.newsandarticleLayout p {
		font-size: 18px;
	}

	.gallerySection .col-md-5{
		border-right: 1px solid #000;
	}

	.footerSection .support{
		width: auto;
		border-bottom: 0;
		border-right: 1px solid #000;
		padding-right: 50px;
		text-align: left;
	}

	.footerSection .listSocmed{
		text-align: right;
	}

	.footerSection .listFooter{
		margin:  0 60px;	
	}


	.footerSection .copy{
		float: right;
		text-align: right;
	}

	/*Contact Page*/
	.contactheadingSection{
		padding: 75px 0 105px;
		background-size: cover;
	}
	.tesheadingSection{
		padding: 50px 0 80px;
		background-size: cover;
		min-height: 291px;
	}

	/*News Page*/
	.newsSection h1{
		font-size: 30px;
	}

	.newsheadlineSection img{
		width: 100%;
	}

	.newsheadlineSection h2{
		font-size: 30px;
	}

	/*Event Page*/
	.eventSection .month{
		margin-top: 0;
	}

	/*Download Page*/
	.downloadLayout p{
		font-size: 18px;
	}
	
	/* About Page */
	.aboutcontentSection .vision{
		width: 60%;
	}

	/* Test Page */
	.box_soal{ 
		padding: 30px
	}
	.number_soal{ 
		font-size: 34px; 
	}

	.time_soal{
		font-size: 34px; 
	}
	.soal{
	    font-size: 20px;
	    line-height: 34px;
	}
	
	/* Gallerydetail Page */
	.gallerySlider img{
		width: auto;
	}

	.gallerysliderNav .slick-slide{
		margin: 0 20px;
		width: 150px;
	}

	.gallerysliderNav .slick-prev, 
	.gallerysliderNav .slick-next{
		width: 40px;
		height: 40px;
	}

	.gallerysliderNav .slick-prev:before, 
	.gallerysliderNav .slick-next:before{
		font-size: 40px;
	}

	.slick-prev {
	    left: -50px;
	}

	.slick-next {
	    right: -50px;
	}
}

@media (min-width: 1366px){
	.carousel-inner>.item>img {
	    width: 1366px;
	}
	.carousel-caption {
    left: 20%;}
}

@media (max-width: 480px) {
    .gallerypageLayout {
    margin-bottom: 20px;
    text-align: center;
    min-height: 195px;
}
    .gallerySlider img {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
    .linklogo {
    display: inline-block;
    width: auto;
    margin: 0 5px;
}
    .registerLayout {
    background: #fff;
    padding: 35px 15px;
    margin-top: 25px;
}
	.linklogo {
    display: inline-block;
    width: auto;
    margin: 0 15px;
}
	.modal-content {
	    border-radius: 0;
	    padding: 20px 10px;
	}
	.gallerySlider p {
    font-size: 14px;
    margin: 10px 0;
}
.gallerypageSection .desc {
    padding-left: 73px;
    position: relative;
    line-height: 18px;
    margin-bottom: 30px;
    font-size: 13px;
}

	.galleryThumbnail{
		height: 90px!important;
	}
}
@media (max-width: 1024px) {
.col-md-9 {
    width: 74%;
}
.gal2 {
    max-height: 110px;
}
.downloadLayout p {
    font-size: 13px;
}
.nav > li > a {
    padding: 10px 18px;
    line-height: 30px;
}
}