@media screen and (max-width: 480px) {
	.logo{
		font-size: 6vw;
		margin-top: 0px;
	}

	.jadwal {
		font-size: 10pt;
	}

	.biaya {
		font-size: 10pt;
	}

	.pad-2vw {
		padding-top: 0;
	}

	.pengumuman, .agenda, .artikel, .pengumuman-eng, .agenda-eng, .artikel-eng, .pengumuman-man, 
	.agenda-man, .artikel-man, .informasi, .sekolah, .kegiatan {
		background: #f5f5f5;
	}

	.ditulis {
		font-size: 9pt;
	}

	.no-mar {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.opt-sm{
		width: 97%;
	}

	.img-galeri {
		margin-top: 2vw;
	}

	.slider {
		height: 70vw !important;
	}

	.slides {
		height: 60vw !important;
	}

	.no-mg-sm{
		padding: 0 !important;
	}
}

@media screen and (min-width: 481px) {
	.img-galeri {
		margin-top: 2vw;
		height: 210px;
		/*background: red;*/
	}

	.img-galeri img{
		/*max-height: 200px;*/
	}

	nav ul a{
		padding: 0 5px;
	}

	.slider {
		height: 40vw !important;
	}

	.slides {
		height: 36vw !important;
	}
}

@media screen and (min-width: 850px) {
	.img-bg {
		background-repeat: no-repeat;
		background-position: center; 
		background-attachment: fixed;
		background-size: cover;
		margin-bottom: -20px;
	}

	.menu-utama a {
		font-size: 8pt;
	}

	.program, .pendaftaran, .pengumuman, .pengumuman-detil, .agenda, .agenda-detil, .artikel, .artikel-detil, .galeri {
		background-image: url("../img/winter.jpg");
	}

	.program-eng, .pendaftaran-eng, .pengumuman-eng, .pengumuman-detil-eng, .agenda-eng, .agenda-detil-eng, .artikel-eng, .artikel-detil-eng, .galeri-eng{
		background-image: url("../img/fall_2.jpg");
	}

	.program-man, .pendaftaran-man, .pengumuman-man, .pengumuman-detil-man, .agenda-man, .agenda-detil-man, .artikel-man, .artikel-detil-man, .galeri-man{
		background-image: url("../img/China-2.jpg");
	}

	.syarat, .informasi, .informasi-detil, .sekolah, .sekolah-detil, .kegiatan, .kegiatan-detil {
		background-image: url("../img/gate.jpg");
	}

	.jadwal {
		font-size: 13pt;
	}

	.biaya {
		font-size: 13pt;
	}

	.pad-2vw {
		padding-top: 2vw;
		padding-left: 2vw;
		padding-right: 2vw;
	}

	.no-mar {
		margin-top: 0;
		margin-bottom: 2px;
	}

	.mgt-1 {
		margin-top: 10px;
	}

	.foto-home{
		max-height: 110px;
	}

	.foto-list{
		max-height: 220px;
	}

	.slider {
		height: 40vw !important;
	}

	.slides {
		height: 37vw !important;
	}
/*.pendaftaran {
background-image: url("../img/gate.jpg");
}

.pengumuman {
background-image: url("../img/winter.jpg");
}

.agenda {
background-image: url("../img/summer.jpg");
}*/
}

@media screen and (min-width: 1100px) {
	.menu-utama a {
		font-size: 10pt;
	}

	.cont {
		min-height: 600px;
	}

	.visi-misi {
		min-height: 300px;
	}

	nav ul a{
		padding: 0 10px;
	}
}

@media screen and (min-width: 1300px) {
	.menu-utama a {
		font-size: 11pt;
	}

	nav ul a{
		padding: 0 10px;
	}
}

.img-bg {
	background-repeat: no-repeat;
	background-position: center; 
	background-attachment: fixed;
	background-size: cover;
	margin-bottom: -20px;
}

body {

}

.banner{
	width: 100%;
}

.smenu{
	margin-top: -5vh;
	/*height: 50vh;*/
}

.content{
	margin-top: 1vh;
}

.gambar{
	height: 30vh;
}

.judul-card{
	height: 15%;
}

.judul-font{
	font-size: 80%;
}

@font-face {
	font-family: logo_font;
	src: url(../font/Agentblue.ttf);
	/*font-weight: bold;*/
}

.brand-logo{
	margin-left: 1%;
}

.logo{
	font-family: logo_font;
	margin-top: 0px;
	width: 60px;
}


/* The animation code */
@keyframes ratingcolor {
	0%   {color: white;}
	20%  {color: darkred;}
	40%  {color: teal;}
	60%  {color: black;}
	80%  {color: blue;}
	100% {color: white;}
}

/* The element to apply the animation to */
.shadow {
	/*margin-top: 0;
	animation-name: ratingcolor;
	animation-duration: 8s;
	animation-iteration-count: 1; 
	animation-timing-function: ease;*/

	/*text-shadow: 0px 0px 3px black, 0px 0px 8px white;*/
	/*box-shadow: 0px 0px 3px black;*/
	padding: 5px;
	border-radius: 2vw;
	background-color: grey;
	font-size: 3vh;
}

.shadow2 {
	padding: 1vw;
	border-radius: 1vh;
	background-color: grey;
	font-size: 3vw;
}

.border-bottom{
	border-bottom: 5px solid #2196f3;
	background-color: #607D8B;
	padding: 1vh;
	/*margin-left: 0;*/
}

.border-top{
	border-top: 3px solid #607D8B;
}

.padding-2vw{
	padding-top: 2vw;
	padding-left: 2vw;
	padding-right: 2vw;
}

.depth-1{
	border-right: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
}


.gradien {
	background: white; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(255,255,200,0.9), rgba(255,255,255,1),  rgba(255,255,255,1), rgba(255,255,200,0.9)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, blue, white, white, blue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, blue, white, white, blue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, blue, white, white, blue); /* Standard syntax */
}

.font-lg {
	font-size: 14pt;
}

.font-md {
	font-size: 12pt;
}

.font-sm {
	font-size: 10pt;
}

.pointer {
	cursor: pointer;
}

.mg-top {
	margin-top: 20px;
}

.link-style {
	font-size: 12px;
	padding: 5px 15px;
	border-radius: 15px;
}

.row-clear {
	margin-bottom: 0;
}

.smokewhite {
	background: #f5f5f5
}

.medsos a{
	color: #fff;
}

div.isi img {
	width: 100% !important;
	height: auto !important;
}

.isi{
	font-size: 12pt;
}

.div-image{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 100%;
	height: 100px;
}

.div-image-list{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 200px;
}


.parallax-container.home{
	height: 300px !important;
	margin-top: -10px;
}

.border {
	padding: 2vw !important;
	border-top: 10px solid #4CAF50;
	margin-top: 2vw;
}

.menu-kursus-gambar {
	height: 150px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.border-card {
	padding: 0 !important;
	border-radius: 20px;
	width: 100% !important;
}

.menu-kursus {
	padding: 10px;
	font-size: 13pt;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.smokewhite.btm{
	padding-bottom: 30px; 
	margin-bottom: -20px;
}

.font-mis {
	text-align: justify;
	padding: 0 7px;	
	font-size: 12pt;
}

.content.top{
	margin-top: 0px;
}

.slider .indicators .indicator-item.active {
	background-color: #4CAF50;
}

.slider .indicators .indicator-item {
	background-color: #a9a9a9;
	height: 10px;
    width: 10px;
    margin: 0px 6px;
}

.isi {
	word-wrap: break-word;
}

.main-img-full img{
	width: 100%;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.my-float {
    margin-top: 14px;
    margin-left: 3px;
}