#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
    display: none !important; 
  }

@media (min-width: 2560px) {
	/*section slide*/
	h4{
		font-size: 38pt !important;
	}
	.p-gun-slide {
	    line-height: normal !important;
	    font-size: 50pt !important;
	    margin-bottom: 160px !important;
	}
	.navbar-nav .nav-item > a {
    	font-size: 24px !important;
	}

	.gun-head-1 {
	    font-size: 125pt !important;
	    color: rgb(36, 141, 245);
	    line-height: 125pt !important;
	}

	.gun-p-sub-title {
    	font-size: 44px !important;
	}

	.mt-3 {
    	margin-top: 4rem !important;
	}

	.mb-5 {
    	margin-bottom: 6rem !important;
	}

	.btn-group-lg > .btn, .btn-lg {
	    padding: 1rem 2.5rem !important;
	    font-size: 2.25rem !important;
	}

	.btn-gun {
    	border: 5px solid rgb(36, 141, 245) !important;
	}

	.h1-jasa{
	margin-top: -60px;
	color: #248df5;
	font-weight: 300;
	font-size: 230pt;
	margin-left: -30px;
	margin-bottom: -60px;
	}

	.h2-jasa{
	  color: #262626;
	letter-spacing: 2px;
	font-size: 32px;
	}

	.h3-jasa{
		font-size: 40pt !important;
	}

	.h1-fasilitas{
		margin-top: -100px !important;
		font-size: 450pt !important;
		margin-bottom: -100px !important;
	}

	.h2-fasilitas{
		font-size: 60pt !important;
	}

	.h3-fasilitas{
		font-size: 34pt !important;
	}

	.d-berita{
  		height: 940px !important;
	}

	.h2-berita{
		font-size: 40pt !important;
	}

	.h5-berita{
		font-weight: 400 !important;
		/*font-size: 30pt !important*/;
	}


	.d-klien {
    	margin-top: 32.7rem !important;
	}

	.h3-klien{
		font-size: 38pt !important;
	}

	.slide-klien{
		    margin-top: 166px !important;
	}

	.h1-karir {
 	   font-size: 170pt !important;
	}

	.d-hubungi {
    	margin-top: 40.7rem !important;
	}

	.layer-hubungi{
		height: 1000px !important;
	}

	.h6-hubungi {
	    font-size: 32px !important;
	}

	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 227dpi),
  only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
    /*section slide*/
	h4{
		font-size: 38pt !important;
	}
	.h4-gun-slide{
		font-size: 18pt !important;
	}
	.p-gun-slide {
	    line-height: 50pt !important;
	    font-size: 50pt !important;
	    margin-bottom: 160px !important;
	}
	.navbar-nav .nav-item > a {
    	font-size: 24px !important;
	}

	.gun-head-1{
	    font-size: 55pt;
	    color: rgb(36, 141, 245);
	}

	.gun-p-sub-title{
	font-weight: 400;
	color: #fff;
	margin: 0px;
	line-height: inherit !important;
	}

	.mt-3 {
    	margin-top: 4rem !important;
	}

	.mb-5 {
    	margin-bottom: 6rem !important;
	}

	.btn-group-lg > .btn, .btn-lg {
	    padding: 1rem 2.5rem !important;
	    font-size: 2.25rem !important;
	}

	.btn-gun {
    	border: 3px solid rgb(36, 141, 245) !important;
	}

	.h1-jasa{
		margin-top: -60px;
		color: #248df5;
		font-weight: 300;
		font-size: 230pt;
		margin-left: -30px;
		margin-bottom: -60px;
	}

	.h2-jasa{
		font-size: 30pt !important;
	}

	.h3-jasa{
		font-size: 40pt !important;
	}

	.h3-fasilitas{
	  color: #fff;
	letter-spacing: 1px;
	font-size: 18pt;
	}

	.h1-fasilitas{
	margin-top: -60px;
	color: #fff;
	font-weight: 300;
	font-size: 230pt;
	margin-left: -30px;
	margin-bottom: -60px;
	}

	.h2-fasilitas{
	  color: #fff;
	letter-spacing: 2px;
	font-size: 32px;
	}

	.h1-berita{
	  letter-spacing: 1px;
	  color: #248df5;
	}

.d-berita{
    width: 100%;
    margin: 2px 13px 15px 0px;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 3px;
    position: relative;
    height: 350px;
    border-radius: 25px;justify-content: center;
}

	.h2-berita{
		/*font-size: 40pt !important;*/
	}

	.h5-berita{
		font-weight: 400 !important;
		/*font-size: 30pt !important;*/
	}


	.d-klien{
  		margin-top: 9.7rem;
	}

	.h3-klien{
		font-size: 24pt !important;
	}

	.slide-klien{
		    /*margin-top: 166px !important;*/
	}

	.h1-karir {
 	   font-size: 100px !important;
	}

	.d-hubungi {
    	margin-top: 19.7rem !important;
	}

	.layer-hubungi{
  width: 100%;
                margin: 2px 13px 15px 0px;
                overflow: hidden;
                position: relative;
                height: 450px;
                justify-content: center;
}

	.h4-hubungi{
		  font-weight: 400;
		color: #7d7d7d;
		}

		.h6-hubungi{
		  font-weight: 300;
		line-height: 1.3;
		font-size: 13px;
		}

		.h6-hubungi p{
		    color: #fff;
		  font-weight: 300;
		line-height: 1.3;
		font-size: 13px;
		}


	/*tentang page*/
	#bg-tentang-kami{
    background-image: url('assets/images/background/tentang.jpg'); background-position: center;background-size: cover;position: relative;filter: grayscale(100%);height: 100vh;background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #bg-visi{
    background-image: url('assets/images/background/tentang-visi.jpg'); background-position: center;background-size: cover;position: relative;filter: grayscale(100%);height: 100vh;background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
  }
  .tentang-kami-head-1{
    font-size: 65pt;
    color: rgb(36, 141, 245);
  }
  .tentang-kami-p-sub-title{
    font-weight: 400;
    color: #fff;
    margin: 0px;
    line-height: inherit !important;
    font-size: 18pt !important;
  }
  .border-visi{
    height: 5px !important;
    color: #a1a1a1 !important;
    opacity: inherit !important;
    margin: 0 0 1.5rem 0 !important;
  }
  .h3-visi{
    font-weight: 500 !important;
    color: #a1a1a1;
  }
  .h3-struktur{
    font-weight: 400;
    color: #636363;
  }
  .h1-struktur{
    color: rgb(36, 141, 245);
  }
  .fig-struktur{
    margin-top: -90px;
    margin-left: 21px;
  }
  .bg-dark-manajemen {
    --bs-bg-opacity: 1;
    background: linear-gradient(to top, #00000075 60%, #fff0 40%);
  }
  .h3-manajemen{
    color: rgb(36, 141, 245);
  }
  .h1-sertifikasi{
    color: rgb(36, 141, 245);
  }

  .p-sertifikasi{
    font-weight: 500;
    color: #fff;
  }
  .layer-sertifikat {
      /*background: #222222d6;*/
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, #00000075 24%, #fff0 40%);
  }
  .img-sertifikat{
    max-width: none;
    height: 100%;
  }

  	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}


/*mobile*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
  	#navbar-x{
  		display: none !important;
  	}

  	.p-gun-slide{
  		line-height: 25pt !important;
    	font-size: 22pt !important;
    	margin-bottom: 150px !important;
    	margin-top: 10px !important;
    	margin-left: 3px !important;
  	}

  	#about-web{
  		display: none;
  	}

  	#about-mobile{
  		display: block !important;
  	}
  	#bg-about{
  		height: 125vh !important; 
  	}
  	#about{
  		height: 125vh !important;
  	}

  	.layer-jasa{
  		clip-path: polygon(0 0, 80% 0, 50% 100%, 0% 100%) !important;
  	}

  	.h2-jasa {
	    font-size: 12pt !important;
	}

	.h1-jasa {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-jasa {
	    font-size: 18pt !important;
	}

	.carousel-jasa-item{
		left: 0% !important;
	    width: 50% !important;
	    bottom: 80px !important;
	}
	.img-jasa-item{
		display: none !important;
	}
	.layer-jasa-mobile{
		display: block !important;
	}

	.img-fasilitas-item{
		display: none !important;
	}
	.layer-fasilitas-mobile{
		display: block !important;
	}
	.layer-fasilitas{
		clip-path: polygon(20% 0%,100% 0%,100% 100%,50% 100%) !important;
	}
	.h2-fasilitas {
	    font-size: 12pt !important;
	}

	.h1-fasilitas {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-fasilitas {
	    font-size: 18pt !important;
	}

	.carousel-fasilitas-item{
		left: 33% !important;
	    width: 50% !important;
	    bottom: 152px !important;
	}

	#berita-web{
		display: none !important;
	}

	#berita-mobile{
  		display: block !important;
  	}

  	#contact{
  		height: 230vh !important;
  	}

  	#klien-website{
		display: none !important;
	}

  	#klien-mobile{
  		display: block !important;
  	}

  	.slide-img-klien{
  		height: 355px !important;
  	}

  	.h3-klien{
  		font-size: 16pt !important;
  	}

  	#karir-web{
		display: none !important;
	}

  	#karir-mobile{
  		display: block !important;
  	}

  	.h1-karir{
  		font-size: 60pt !important;
  	}

  	#hubungi-web{
		display: none !important;
	}

  	#hubungi-mobile{
  		display: block !important;
  	}

  	.carousel-indicators.hubungi-indicators {
  		margin-bottom: 1rem !important;
  	}

  	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

@media screen 
  and (device-width: 400px) 
  and (device-height: 712px) 
  and (-webkit-device-pixel-ratio: 3.5)  {
  	#navbar-x{
  		display: none !important;
  	}

  	.p-gun-slide{
  		line-height: 25pt !important;
    	font-size: 22pt !important;
    	margin-bottom: 150px !important;
    	margin-top: 10px !important;
    	margin-left: 3px !important;
  	}

  	#about-web{
  		display: none;
  	}

  	#about-mobile{
  		display: block !important;
  	}
  	#bg-about{
  		height: 125vh !important; 
  	}
  	#about{
  		height: 125vh !important;
  	}

  	.layer-jasa{
  		clip-path: polygon(0 0, 80% 0, 50% 100%, 0% 100%) !important;
  	}

  	.h2-jasa {
	    font-size: 12pt !important;
	}

	.h1-jasa {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-jasa {
	    font-size: 18pt !important;
	}

	.carousel-jasa-item{
		left: 0% !important;
	    width: 50% !important;
	    bottom: 80px !important;
	}
	.img-jasa-item{
		display: none !important;
	}
	.layer-jasa-mobile{
		display: block !important;
	}

	.img-fasilitas-item{
		display: none !important;
	}
	.layer-fasilitas-mobile{
		display: block !important;
	}
	.layer-fasilitas{
		clip-path: polygon(20% 0%,100% 0%,100% 100%,50% 100%) !important;
	}
	.h2-fasilitas {
	    font-size: 12pt !important;
	}

	.h1-fasilitas {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-fasilitas {
	    font-size: 18pt !important;
	}

	.carousel-fasilitas-item{
		left: 33% !important;
	    width: 50% !important;
	    bottom: 152px !important;
	}

	#berita-web{
		display: none !important;
	}

	#berita-mobile{
  		display: block !important;
  	}

  	#contact{
  		height: 230vh !important;
  	}

  	#klien-website{
		display: none !important;
	}

  	#klien-mobile{
  		display: block !important;
  	}

  	.slide-img-klien{
  		height: 355px !important;
  	}

  	.h3-klien{
  		font-size: 16pt !important;
  	}

  	#karir-web{
		display: none !important;
	}

  	#karir-mobile{
  		display: block !important;
  	}

  	.h1-karir{
  		font-size: 60pt !important;
  	}

  	#hubungi-web{
		display: none !important;
	}

  	#hubungi-mobile{
  		display: block !important;
  	}

  	.carousel-indicators.hubungi-indicators {
  		margin-bottom: 1rem !important;
  	}

  	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

/*IPHONE 6*/

/*END IPHONE 6*/

@media (min-width: 320px) and (max-width: 480px)  {

	/*landscape*/
	#about-mobile-lanscape{
		display: none !important;
	}

	#klien-mobile-landscape{
    	display: none !important;
  	}

  	#berita-mobile-landscape{
  		display: none !important;
  	}

	/*end landscape*/


	#navbar-x{
		display: none !important;
	}

  	.p-gun-slide{
  		line-height: 25pt !important;
    	font-size: 22pt !important;
    	margin-bottom: 150px !important;
    	margin-top: 10px !important;
    	margin-left: 3px !important;
  	}

  	#about-web{
  		display: none;
  	}

  	#about-mobile{
  		display: block !important;
  	}
  	#bg-about{
  		height: 105vh !important; 
  	}
  	#about{
  		height: 105vh !important;
  	}

  	.layer-jasa{
  		clip-path: polygon(0 0, 80% 0, 50% 100%, 0% 100%) !important;
  	}

  	.h2-jasa {
	    font-size: 12pt !important;
	}

	.h1-jasa {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-jasa {
	    font-size: 18pt !important;
	}

	.carousel-jasa-item{
		left: 0% !important;
	    width: 50% !important;
	    bottom: 80px !important;
	}
	.img-jasa-item{
		display: none !important;
	}
	.layer-jasa-mobile{
		display: block !important;
	}

	.img-fasilitas-item{
		display: none !important;
	}
	.layer-fasilitas-mobile{
		display: block !important;
	}
	.layer-fasilitas{
		clip-path: polygon(20% 0%,100% 0%,100% 100%,50% 100%) !important;
	}
	.h2-fasilitas {
	    font-size: 12pt !important;
	}

	.h1-fasilitas {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-fasilitas {
	    font-size: 18pt !important;
	}

	.carousel-fasilitas-item{
		left: 33% !important;
	    width: 50% !important;
	    bottom: 152px !important;
	}

	#berita-web{
		display: none !important;
	}

	#berita-mobile{
  		display: block !important;
  	}

  	#contact{
  		height: 170vh !important;
  	}

  	#klien-website{
		display: none !important;
	}

  	#klien-mobile{
  		display: block !important;
  	}

  	.slide-img-klien{
  		height: 525px !important;
  	}

  	.h3-klien{
  		font-size: 16pt !important;
  	}

  	#karir-web{
		display: none !important;
	}

  	#karir-mobile{
  		display: block !important;
  	}

  	.h1-karir{
  		font-size: 60pt !important;
  	}

  	#hubungi-web{
		display: none !important;
	}

  	#hubungi-mobile{
  		display: block !important;
  	}

  	.carousel-indicators.hubungi-indicators {
  		margin-bottom: 1rem !important;
  	}

  	.navbar-collapse {
  		max-width: 340px !important;
  		background: #00000070 !important;
  	}

  	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

/*iphone 5*/
@media (max-height: 570px){

	/*landscape*/
	#about-mobile-lanscape{
		display: none !important;
	}
	#klien-mobile-landscape{
    	display: none !important;
  	}
  	#berita-mobile-landscape{
  		display: none !important;
  	}
	/*end landscape*/

  	#bg-about{
		height: 145vh !important; 
  	}
  	#about{
  		height: 145vh !important;
  	}
  	#contact {
		height: 245vh !important;
	}

	#klien{
		height: 125vh !important;
	}

	.bg-klien{
		height: 125vh !important;
	}

	.slide-img-klien {
    	min-height: 425px !important;
	}
	.h1-karir {
    	font-size: 40pt !important;
	}

	#hubungi{
		height: 125vh !important;
	}

	#bg-hubungi{
		height: 125vh !important;
	}

	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

/*iphone 6*/
@media (min-height: 667px) and (max-height: 737px) {

	/*landscape*/
	#about-mobile-lanscape{
		display: none !important;
	}
	/*end landscape*/


  	#bg-about{
		height: 130vh !important; 
  	}
  	#about{
  		height: 130vh !important;
  	}
  	#contact {
		height: 210vh !important;
	}

	#klien{
		height: 125vh !important;
	}

	.bg-klien{
		height: 125vh !important;
	}

	.slide-img-klien {
    	min-height: 525px !important;
	}
	.h1-karir {
    	font-size: 60pt !important;
	}

	#hubungi{
		height: 110vh !important;
	}

	#bg-hubungi{
		height: 110vh !important;
	}

	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}



@media (min-width:480px) and (max-width: 915px){

	.col-kosong{
		display: none !important;
	}
	#navbar-x{
		display: none !important;
	}

	/*landscape*/
	#about-mobile-lanscape{
		display: block !important;
	}

	#about-mobile{
		display: none !important;
	}

	#about-mobile-lanscape p{
		font-size: 12px !important;
    	line-height: 20px !important;
	}

	.gun-carousel-caption h5{
		font-size: 9pt !important;
	}
	.gun-carousel-caption{
		padding-bottom: 0.25rem !important;
	}

	.carousel-jasa-item {
    	left: 5% !important;
    	width: 50% !important;
    	bottom: 5px !important;
	}

	.navbar-nav .nav-item > a {
	    font-size: 10px !important;
	    padding: 8px 0px !important;
	}

	.h1-berita{
		font-size: 36px !important;
	}

	.d-berita{
		height: 195px !important;
	}
	.h6-berita{
		font-size: 11px !important;
	}
	/*end landscape*/



	.p-gun-slide{
  		line-height: 25pt !important;
    	font-size: 22pt !important;
    	margin-bottom: 25px !important;
    	margin-top: 10px !important;
    	margin-left: 3px !important;
  	}

  	#about-web{
  		display: none;
  	}

  	#bg-about{
  		height: 105vh !important; 
  	}
  	#about{
  		height: 105vh !important;
  	}

  	.layer-jasa{
  		clip-path: polygon(0 0, 80% 0, 50% 100%, 0% 100%) !important;
  	}

  	.h2-jasa {
	    font-size: 12pt !important;
	}

	.h1-jasa {
	    margin-top: -19px !important;
	    font-size: 110pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-jasa {
	    font-size: 18pt !important;
	}

	.img-jasa-item{
		display: none !important;
	}
	.layer-jasa-mobile{
		display: block !important;
	}

	.img-fasilitas-item{
		display: none !important;
	}
	.layer-fasilitas-mobile{
		display: block !important;
	}
	.layer-fasilitas{
		clip-path: polygon(20% 0%,100% 0%,100% 100%,50% 100%) !important;
	}
	.h2-fasilitas {
	    font-size: 12pt !important;
	}

	.h1-fasilitas {
	    margin-top: -19px !important;
	    font-size: 100pt !important;
	    margin-bottom: -15px !important;
	}

	.h3-fasilitas {
	    font-size: 15pt !important;
	}

	.carousel-fasilitas-item{
		left: 33% !important;
	    width: 50% !important;
	    bottom: 15px !important;
	}

	#berita-web{
		display: none !important;
	}

	#berita-mobile{
  		display: none !important;
  	}

  	#berita-mobile-landscape{
  		display: block !important;
  	}

  	#contact{
  		height: 125vh !important;
  	}

  	#klien-website{
		display: none !important;
	}

  	#klien-mobile{
  		display: none !important;
  	}

  	#klien-mobile-landscape{
  		display: block !important; 
  	}

  	/*.slide-img-klien{
  		height: 525px !important;
  	}*/

  	.carousel-control-prev.carousel-klien {
	    margin-left: -45px !important;
	}

	.carousel-control-next.carousel-klien {
	    margin-right: -45px !important;
	}

	.layer-klien h1{
		    font-size: 30px !important;
	}

  	.h3-klien{
  		font-size: 11pt !important;
  	}

  	#karir-web{
		display: none !important;
	}

  	#karir-mobile{
  		display: block !important;
  	}

  	.h1-karir{
  		font-size: 60pt !important;
  	}

  	#hubungi-web{
		display: none !important;
	}

  	#hubungi-mobile{
  		display: block !important;
  	}

  	.carousel-indicators.hubungi-indicators {
  		margin-bottom: 1rem !important;
  	}

  	.navbar-collapse {
  		max-width: 340px !important;
  		background: #00000070 !important;
  	}

  	.layer-hubungi{
  		height: 300px !important;
  	}

  	.layer-hubungi .img-berita{
  		width: 100% !important;
  		height: auto;
  	}

  	.layer-hubungi .layer-berita{
  		clip-path: polygon(0% 21%,100% 0%,100% 100%,0% 100%) !important;
	}

	#karir{
		height: 75vh !important;
	}

	#bg-karir{
		height: 75vh !important;
	}

	#about-mobile-landscape-5, #berita-mobile-landscape-5, #klien-mobile-landscape-5, #about-mobile-lanscape-5{
		display: none !important; 
	}

}

/*iphone 5 only*/
@media (device-width:568px) and (device-height: 320px){
	#about-web, #about-mobile, #about-mobile-lanscape{
		display: none !important;
	}

	#about-mobile-landscape-5{
		display: block !important; 
	}

	.h3-jasa {
    	font-size: 13pt !important;
	}

	.h1-jasa {
    	font-size: 85pt !important;
	}

	.h3-fasilitas {
    	font-size: 13pt !important;
	}

	.h1-fasilitas {
    	font-size: 85pt !important;
	}

	#berita-web, #berita-mobile, #berita-mobile-landscape{
		display: none !important;
	}

	#berita-mobile-landscape-5{
		display: block !important; 
	}

	.d-berita {
    	height: 150px !important;
	}

	.layer-berita{
		clip-path: polygon(0% 22%,100% 15%,100% 100%,0% 100%) !important;
	}

	#klien-web, #klien-mobile, #klien-mobile-landscape{
		display: none !important;
	}

	#klien-mobile-landscape-5{
		display: block !important; 
	}

	#klien{
		height: 145vh !important;
	}

	.bg-klien{
		height: 145vh !important;
	}

	#hubungi-mobile .container {
	    padding-left: 80px;
	    padding-right: 80px;
	}
	
	#hubungi {
    	height: 145vh !important;
	}

	#bg-hubungi {
    	height: 145vh !important;
	}
}