@media (min-width: 2000px){
	.logo-navbar {
    	width: 40%;
    }
}
@media (min-width: 1379px){
	.header h1{
  		width: 92%;
  	}
}
@media (min-width: 1367px){
	body{
		font-size: 1rem;
	}
	.container{
		max-width: 84%;
	}
	footer{
		font-size: 0.875rem;
	}
	footer .info-left{
  		width: 70%;
  	}

}	
@media (max-width: 1199px){
	.logo-navbar {
    	width: 100%;
    }
    footer .info-left {
	    width: 85%;
	}
	footer img {
	    width: 70%;
	}
	.header img.icon-header-1{
		display: none;
	}
	.header h1{
		width: 100%;
	}
	.header .btn-primary{
		margin-bottom: 30px;
	}
	.header{
		padding-top: 20px;
	}
	.box-service h6{
		font-size: 14px;
	}
	.about-us img.img-aboutus {
	    width: 90%;
	}
	.dmore-button {
	    margin-top: 20px;
	}
	img.img-tentangkami {
	    height: 120%;
	    right: -50%;
	}
	.left-side {
	    padding-top: 50px;
	}
	img.img-tentangkami1{
		width: 200px;
	}
	.rstory-us {
	    padding-bottom: 70px;
	    margin-bottom: 70px;
	}
	.logo-storyus{
		top: -100px;
	}
	.logo-storyus, .logo-storyus2 {
	    width: 300px;
	}
	.lstory-us{
		margin-top: 50px;
	}
}
@media (max-width: 991px){
	body{
	  margin-top: 55px;
	}
	.h1, h1{
		font-size: 1.875rem;
	}
	.navbar-toggler .icon-bar{
		background-color: #14DDC9;
	}
	.logo-navbar {
	    width: 30%;
	}
	.navbar-nav li.active::after{
		display: none;
	}
	.sidebar {
	  display: block;
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 10000;
	  top: 0;
	  right: 0;
	  background: #fff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  box-shadow: -10px 0 20px -5px rgb(115 115 115 / 75%);
	}

	.sidebar a {
	  padding: .5rem 1rem;
	  text-decoration: none;
	  color: #244986;
	  display: block;
	  transition: 0.3s;
	}
	.sidebar .closebtn {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	footer img {
	    width: 30%;
	    display: block;
	    margin: 0 auto;
	}
	footer .info-left {
	    width: 60%;
	    text-align: center;
	    margin: 30px auto;
	}
	img.img-header {
	    width: 150%;
	    left: 0;
	}
	.dbg-strike{
		width: 100px;
		transform: translateY(-25px) translateX(20px);
	}
	.header img.logo-rocket {
	    height: 35px;
	    margin-top: 0px;
	}
	.bg-aboutus{
		width: 100px;
		left: -45px;
    	bottom: 115px;
	}
	.portofolio .box-portofolio, .blog .box-blog{
		display: table;
		border: 1px solid #9197AA;
 	 	border-radius: 10px;
 	 	margin-bottom: 30px;
 	 	width: 100%;
 	 	background-color: #fff;
	}
	.portofolio .box-portofolio .img-isi, .portofolio .box-portofolio .text-isi,
	.blog .box-blog .img-blog, .blog .box-blog .text-blog{
		display: table-cell;
		vertical-align: middle;
	}
	.portofolio img, .blog .box-blog img{
		margin-bottom: 0;
		width: 250px;
	}
	.portofolio .box-portofolio p.text-des{
		margin-bottom: 0;
	}
	.blog .box-blog{
		padding: 0;
	}
	.blog .box-blog img{
		padding: 15px;
	}
	.blog .box-blog .img-blog{
		width: 250px;
	}
	.blog .box-blog .text-blog{
		padding: 20px;
	}
	.blog .box-blog{
		margin-top: 0;
	}
	.icon-contactus{
		display: none;
	}
	.bg-contact1 {
	    width: 250px;
	}
	.dbox-contact {
	    padding: 35px 10px 30px 0;
	}
	.contact-us form{
		width: 100%;
	}
	.bg-contact2{
		width: 60px;
	}
	.page-detail .side-kategori {
	    padding-left: 0;
	    margin-top: 50px;
	}
	img.img-tentangkami{
		right: -60%;
	}
	.left-side {
	    padding-top: 30px;
	}
	.tentang-kami p.deskripsi {
	    margin-bottom: 50px;
	}
	.rstory-us{
	  padding-left: 0;
	  margin-top: 30px;
	  padding-bottom: 30px;
	  margin-bottom: 30px;
	}
	.logo-storyus {
	    top: -50px;
	    left: -90px;
	    width: 250px;
	}
	.lstory-us {
	    margin-top: 30px;
	    padding-top: 0;
	}
	.logo-storyus2 {
	    width: 250px;
	    right: -100px;
	}
	.story-us{
		margin-bottom: 0;
	}
	img.img-tentangkami2{
	  right: -100%;
	  width: 150px;
	}
	img.img-iconleft{
		width: 30px;
		left: 0;
	}
	img.img-tentangkami1 {
	  width: 150px;
	}
}
@media (max-width: 767px){
	.logo-navbar {
	    width: 40%;
	    padding: 5px 0;
	}
	footer .col-md-4{
	  padding-right: 15px!important;
	  padding-left: 30px!important;
	}
	footer .col-md-4:last-child h6{
	  text-align: left;
	}
	.list-social{
	  float: unset;
	}
	footer .info-left {
	  width: 100%;
	  margin: 20px auto 0;
	}
	footer h6{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.list-menu-footer li{
		margin-bottom: 10px;
	}
	img.img-header{
		display: none;
	}
	.header h1, .header p{
		margin-bottom: 20px;
	}
	.we-trust h6{
		text-align: center;
	    margin-bottom: 30px;
	    margin-top: 0;
	}
	#owl-we-trust.owl-carousel .owl-item img{
		height: 25px;
		max-width: 100px;
	}
	.about-us .col-xl-6:last-child {
	    padding-left: 15px;
	    margin-left: 0;
	}
	.about-us img.img-aboutus {
	    width: 100%;
	    margin-bottom: 50px;
	}
	.bg-aboutus{
		display: none;
	}
	.portofolio .dbg-strike-round{
		transform: translateY(-40%) translateX(-40%);
		width: 30px;
    	height: 30px;
	}
	.blog .dbg-strike-round{
		transform: translateY(-40%) translateX(0);
	}
	.bg-contact1{
		display: none;
	}
	.dbox-contact {
	    padding: 30px 20px;
	}
	.box-contact{
		border-radius: 30px;
	}
	.contact-us h5{
		font-size: 1.125rem;
	}
	img.img-tentangkami, .logo-storyus, .logo-storyus2, .our-tim .dbg-strike-round,
	img.img-tentangkami1, img.img-tentangkami2{
		display: none;
	}
	.left-side, .dstory-us{
		padding: 0;
	}
	.story-us, .our-tim{
		margin-top: 50px;
	}
	.story-us {
	    transform: unset;
	}
	.rstory-us{
		margin-bottom: 0;
	}

}

@media (max-width: 575px){
	.icon-service-1{
		top: -55px;
	}
	.portofolio .box-portofolio .img-isi, .portofolio .box-portofolio .text-isi,
	.blog .box-blog .img-blog, .blog .box-blog .text-blog{
		display: block;
	}
	.portofolio img {
	    margin-bottom: 30px;
	    width: 100%;
	    height: 300px;
	    object-fit: cover;
	    margin-top: 20px;
	}
	.portofolio .box-portofolio p.text-des {
	    margin-bottom: 20px;
	}
	.portofolio .box-portofolio{
		margin-bottom: 0;
    	margin-top: 30px;
	}
	.blog .box-blog .img-blog, .blog .box-blog img{
		width: 100%;
	}
	.blog .dbg-strike-round {
	    transform: translateY(-170%) translateX(-30px);
	    left: unset;
	    right: 0;
	}
	.blog .box-blog{
		margin-top: 10px;
	}
	.blog-pagination .pagination li{
		width: 25px;
		height: 25px;
		margin: 0 3px;
	}
	.blog-pagination .pagination li a{
		padding: 4px 2px;
    	height: 25px;
	}
	.blog .icon-service-1 {
	    width: 100px;
	    top: -50px;
	    bottom: unset;
	    right: -30px;
	}
	.blog .icon-service-2 {
	    bottom: unset;
	    top: 35%;
	    width: 100px;
	    left: -30px;
	}

}
@media (max-width: 454px){
	.logo-navbar{
		width: 50%;
	}
	.dmore-button{
		text-align: center;
	}
}
@media (max-width: 415px){
	.line-2{
	  display: unset;
	  margin-top: 0;
	}
	.page-detail .title-description {
		margin-bottom: 10px;
	}
	.page-detail .title-description .img-icon{
		display: none;
	}
	.page-detail .title-description .nama{
		margin-left: 0;
	}
}
@media (max-width: 335px){
	#owl-we-trust.owl-carousel .owl-item img {
	    height: 20px;
	    max-width: 80px;
	}
	h5{
		font-size: 1.125rem;
	}
	
}