@media only screen and (max-width: 600px) and (max-width: 720px) {
  .navbarhehe{
    width: 80%;
  }

  .footer .alamat{
    margin-left: -100px;
  }

  .footer .aplikasi{
    margin-left: -100px;
  }

  .footer .karir{
    margin-left: -100px;
  }

  .footer .webstat{
    margin-left: -100px;
  }

}/* CSS untuk navbar*/
.navbarhehe{
  background-color: transparent;
}
.navscroll{
  border: none;
  opacity: 0.9;
  background-color: #08543D;
}
.dropdown-item{
  text-transform: capitalize;
}
.dropdown-menu{
  margin-top: -2px;
  border: none;
  background-color: #08543D;
}
.dropdown-menu-scroll{
  margin-top: 5px;
  border: none;
  opacity: 1;
  background-color: #08543D;
}
.dropdown-menu a{
  color: white;
}
.nav-item:hover{
  color: white;
  background-color: #08543D;
}
/* Show the dropdown menu on hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}
.navbar-brand img{
  width: 200px;
}
.navbarhehe .btn-warning{
  border-radius: 30px;
}
.why {
  /* margin-top: 50px; */
  position: fixed;
  bottom: calc(200px + 16px);
  left: 16px!important;
  // z-index: 99999;
}

.why img{
  width: 225px;
  transition: 0.8s;
  opacity: 0.9;
}

.why img:hover{
  width: 400px;
  opacity: 1;
}
/* CSS untuk navbar*/


/* ini adalah style untuk slider */
.carousel{
	font-family: 'Raleway',sans-serif;
}
.carousel-item{
  height: auto;
}
.carousel-item .display-4{
  text-align: left;
  margin-top: -150px;
  font-size: 45px;
  text-shadow: 1px 1px 1px rgba(1, 0, 0, 1);
}
.carousel-item hr{
  margin-top: -142px;
  border-color: white;
  width: 270px;
  border-width: 3px;
}
.carousel-item  .btn{
  background-color: #FA5858;
  border: none;
  border-radius: 30px;
  padding-right: 25px;
  padding-left: 25px;
  margin-top: 40px;
  box-shadow: none;
  outline: none;
}
 .carousel-item  .btn:hover {
  background-color: #FF983C;
  padding-right: 25px;
}
.carousel-item  .btn:active {
  background-color: #FF983C;
}
.carousel-item .lead{
  text-align: left;
  font-size: 32px;
}
/* CSS untuk slider*/

/*CSS untuk navra overview*/
.navbar_overview{
  position: relative;
  margin-top: -30px;
  z-index: 100;
}
.navbar-custom-tk {
    background-color: #AE4B84;
}
.navbar-custom-sd {
    background-color: #AFCB1F;
}
.navbar-custom-smp {
    background-color: #EF7F1B;
}
.navbar-custom-sma {
    background-color: #748187;
}
/* change the brand and text color */
.navbar-custom-tk .navbar-brand,
.navbar-custom-tk .navbar-text,
.navbar-custom-sd .navbar-brand,
.navbar-custom-sd .navbar-text,
.navbar-custom-smp .navbar-brand,
.navbar-custom-smp .navbar-text,
.navbar-custom-sma .navbar-brand,
.navbar-custom-sma .navbar-text {
    color: rgba(255,255,255,.8);
    font-size: 30px;
}
/* change the link color */
.navbar-custom-tk .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom-tk .nav-item.active .nav-link,
.navbar-custom-tk .nav-item:hover .nav-link {
    color: #ffffff;
}
/*CSS untuk navra overview*/

/* CSS untuk navbar*/
#google_translate_element {
  /* margin-top: 50px; */
  position: fixed;
  bottom: calc(30px - 16px);
  right: 16px!important;
  // z-index: 99999;
}
.goog-te-gadget {
  font-family: Roboto, 'Open Sans', sans-serif!important;
  text-transform: uppercase;
}
.goog-te-gadget-simple  {
  background-color: #08543D!important;
  opacity: 0.7;
  border: 1px solid rgba(255,255,255,0.50) !important;
  padding: 8px!important;
  border-radius: 4px!important;
  font-size: 1rem!important;
  line-height:2rem!important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}
.goog-te-menu2 {
  max-width: 100%;
}
.goog-te-menu-value {
  color: #fff !important;
    &:before {
    font-family: 'Raleway', sans-serif;
    content: "\E927";
    margin-right: 16px;
    font-size: 20px;
    vertical-align: -10px;
    // width:32px!important;
  }
}
.goog-te-menu-value span:nth-child(5) {
  display:none;
}
.goog-te-menu-value span:nth-child(3) {
  border:none!important;
  font-family: 'Raleway', sans-serif;
  &:after {
    font-family: 'Raleway', sans-serif;
    content: "\E5C5";
    font-size: 20px;
    vertical-align: -6px;
  }
}

.goog-te-gadget-icon {
     /* background-image: url(https://placehold.it/32)!important;
    background-position: 0px 0px;
    height: 32px!important;
    width: 32px!important;
    margin-right: 8px!important;
    //     OR */
    display: none;
}

// ============ HIDE TOP BAR ============
.goog-te-banner-frame.skiptranslate {display: none!important;}
body {top: 0px!important;}

/* ================================== *\
    Mediaqueries
\* ================================== */
@media (max-width: 667px) {
	#google_translate_element {
		bottom: calc(100% - 50% - 53px);
		left: 16px!important;
		width: 100%!important;
		goog-te-gadget {
			width:100%!important;
		}
		.skiptranslate {
			width:100%!important;
		}
		.goog-te-gadget-simple {
			width: calc(100% - 32px)!important;
			text-align: center;
		}
	}
}
/* CSS untuk navbar*/

/*CSS konten overview*/
.conten_overview{
  /* background-color: lightgrey; */
}

.conten_overview .dropdown-item{
  text-transform: capitalize;
}
.conten_overview .dropdown-menu{
  margin-top: 5px;
  border: none;
  opacity: 1;
  background-color: #08543D;
}
.conten_overview .dropdown-menu-scroll{
  margin-top: 5px;
  border: none;
  opacity: 1;
  background-color: #08543D;
}
.conten_overview .dropdown-menu a{
  color: white;
}
.conten_overview .dropdown-item:hover{
  color: black;
  background-color: white;
}
/* Show the dropdown menu on hover */
.conten_overview .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.conten_overview span{
  	font-family: 'Raleway',sans-serif;
    color: white;
    margin-top: 5px;
}
/*CSS konten overview*/

/*CSS sisi kiri*/
.sisi_kiri{
  background-color: white;
}
.sisi_kanan{
  background-color: white;
}
.sisi_kanan a{
  text-transform: uppercase;
}

.sisi_tengah{
  background-color: white;
  padding-bottom: 50px;
}
/*CSS sisi kiri*/


/*CSS untuk konten*/
.overview{
  font-family: 'Raleway',sans-serif;
}
.overview h1{
  font-weight: bold;
  margin-top: 30px;
}
.overview p{
  text-align: justify;
}
.overview span{
  font-weight: bold;
}
.overview mark{
  background-color: lightgrey;
  color: black;
}
.overview ul{
  margin-top: 50px;
  list-style-type:none;

}

.overview .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.overview .sisi_kanan li:hover{
  background-color: #EF7F1B;
}
.overview .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.overview .sisi_kanan a:hover{
  color: white;
}

.overview ol{
    margin-left: -25px;
}


/*CSS untuk konten*/
/*CSS untuk konten*/
.pendidik_tendik{
  font-family: 'Raleway',sans-serif;
}
.pendidik_tendik h1{
  font-weight: bold;
  margin-top: 30px;
}
.pendidik_tendik p{
  text-align: justify;
}
.pendidik_tendik span{
  font-weight: bold;
}
.pendidik_tendik mark{
  background-color: lightgrey;
  color: black;
}
.pendidik_tendik .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.pendidik_tendik .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}

.pendidik_tendik .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.pendidik_tendik .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pendidik_tendik .sisi_kanan a:hover{
  color: white;
}

.pendidik_tendik .sisi_kanan ol{
    margin-left: -25px;
}
.pendidik_tendik img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/
/*CSS untuk konten*/
.kurikulum{
  font-family: 'Raleway',sans-serif;
}
.kurikulum h1{
  font-weight: bold;
  margin-top: 30px;
}
.kurikulum p{
  text-align: justify;
}
.kurikulum span{
  font-weight: bold;
}
.kurikulum mark{
  background-color: lightgrey;
  color: black;
}
.kurikulum .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.kurikulum .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.kurikulum .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.kurikulum .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kurikulum .sisi_kanan a:hover{
  color: #08543D;
}

.kurikulum ol{
    margin-left: -25px;
}
.kurikulum img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk konten*/
.kesiswaan{
  font-family: 'Raleway',sans-serif;
}
.kesiswaan h1{
  font-weight: bold;
  margin-top: 30px;
}
.kesiswaan p{
  text-align: justify;
}
.kesiswaan span{
  font-weight: bold;
}
.kesiswaan mark{
  background-color: lightgrey;
  color: black;
}
.kesiswaan .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.kesiswaan .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.kesiswaan .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.kesiswaan .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kesiswaan .sisi_kanan a:hover{
  color: white;
}

.kesiswaan .sisi_kanan ol{
    margin-left: -25px;
}
.kesiswaan img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk konten*/
.fasilitas{
  font-family: 'Raleway',sans-serif;
}
.fasilitas h1{
  font-weight: bold;
  margin-top: 30px;
}
.fasilitas p{
  text-align: justify;
}
.fasilitas span{
  font-weight: bold;
}
.fasilitas mark{
  background-color: lightgrey;
  color: black;
}
.fasilitas .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.fasilitas .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.fasilitas .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.fasilitas .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.fasilitas .sisi_kanan a:hover{
  color: white;
}

.fasilitas .sisi_kanan ol{
    margin-left: -25px;
}
.fasilitas img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk konten*/
.mos{
  font-family: 'Raleway',sans-serif;
}
.mos h1{
  font-weight: bold;
  margin-top: 30px;
}
.mos p{
  text-align: justify;
}
.mos span{
  font-weight: bold;
}
.mos mark{
  background-color: lightgrey;
  color: black;
}
.mos .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.mos .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}

.mos .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mos .sisi_kanan a:hover{
  color: #08543D;
}

.mos .sisi_kanan ol{
    margin-left: -25px;
}
.mos img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/
/*CSS untuk konten*/
.aktivitas{
  font-family: 'Raleway',sans-serif;
}
.aktivitas h1{
  font-weight: bold;
  margin-top: 30px;
}
.aktivitas p{
  text-align: justify;
}
.aktivitas span{
  font-weight: bold;
}
.aktivitas mark{
  background-color: lightgrey;
  color: black;
}
.aktivitas .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.aktivitas .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.aktivitas .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.aktivitas .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.aktivitas .sisi_kanan a:hover{
  color: white;
}

.aktivitas .sisi_kanan ol{
    margin-left: -25px;
}
.aktivitas img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aktivitas .vclip{
  margin-bottom: 10px;
}

.aktivitas .nav-item:hover{
  background-color: #EF7F1B;
  color: white;
}

.aktivitas .nav-link{
  color: black;
}

/*CSS untuk konten*/


/*CSS untuk konten*/
.prestasi{
  font-family: 'Raleway',sans-serif;
}
.prestasi h1{
  font-weight: bold;
  margin-top: 30px;
}
.prestasi p{
  text-align: justify;
}
.prestasi span{
  font-weight: bold;
}
.prestasi mark{
  background-color: lightgrey;
  color: black;
}
.prestasi .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.prestasi .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.prestasi .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.prestasi .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.prestasi .sisi_kanan a:hover{
  color: white;
}

.prestasi .sisi_kanan ol{
    margin-left: -25px;
}
.prestasi img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk konten*/
.learning{
  font-family: 'Raleway',sans-serif;
}
.learning h1{
  font-weight: bold;
  margin-top: 30px;
}
.learning p{
  text-align: justify;
}
.learning span{
  font-weight: bold;
}
.learning mark{
  background-color: lightgrey;
  color: black;
}
.learning .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.learning .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.learning .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.learning .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.learning .sisi_kanan a:hover{
  color: white;
}

.learning .sisi_kanan ol{
    margin-left: -25px;
}
.learning img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk konten*/
.informasi{
  font-family: 'Raleway',sans-serif;
}
.informasi h1{
  font-weight: bold;
  margin-top: 30px;
}
.informasi p{
  text-align: justify;
}
.informasi span{
  font-weight: bold;
}
.informasi mark{
  background-color: lightgrey;
  color: black;
}
.informasi .sisi_kanan ul{
  margin-top: 50px;
  list-style-type:none;
}

.informasi .sisi_kanan li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: justify;
}
.informasi .sisi_kanan li:hover{
  background-color: #EF7F1B;
}

.informasi .sisi_kanan a{
  color: black;
  font-size: 19px;
  padding-left: 0px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.informasi .sisi_kanan a:hover{
  color: white;
}

.informasi .sisi_kanan ol{
    margin-left: -25px;
}
.informasi img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*CSS untuk konten*/

/*CSS untuk footer*/
.footer{
	/* height: 530px; */
	font-family: 'Raleway',sans-serif;
	padding-top: 30px;
	color: white;
	background-color: #08543D;
}
.footer .container{
  margin-left: 100px;
}

.footer img{
	padding-right: 100px;
	width: 300px;
  height: 100px;
  margin-bottom: 5px;
}

.footer p{
	font-size: 14px;
	margin-top: -5px;
}

.footer h6{
	margin-bottom: 10px;
}

/* .footer .socmed{
  margin-top: 350px;
  margin-left: 50px;
} */

.footer .copyright{
  margin-top: 70px;
  margin-left: 90px;
}

/*CSS untuk footer*/

/*CSS untuk copyright*/
.copyright{
	height: 30px;
	font-family: 'Raleway',sans-serif;
	color: white;
	background-color: #08543D;
}
.copyright p{
	text-align: right;
  margin-right: 30px;
}
/*CSS untuk copyright*/