@media (min-width: 2000px){
	.logo-navbar {
    	width: 40%;
    }
}
@media (min-width: 1379px){

}
@media (min-width: 1367px){
	body, .btn {
		font-size: 1rem!important;
	}
	.btn-primary{
		font-size: 0.875rem;
	}
	.container{
		max-width: 84%;
	}
	.tinynavbar{
		height: 60px;
		padding: 15px 0;
	}
	.tinynavbar a {
		height: 25px;
		transform: translateY(2px);
	}
	.tinynavbar .dropdown img{
	  width: 30px;
	  height: 30px;
	}
	footer{
		font-size: 0.875rem;
	}
	.logo-navbar{
		width: auto;
	}

}	
@media (max-width: 1199px){
	body{
		margin-top: 106px;
	}
	.navbar-nav{
		transform: translateY(35%);
	}
    footer .info-left {
	    width: 85%;
	}
	footer .col-xl-3.col-lg-3{
		padding-left: 5px;
	}
	.our-service .col-xl-4.col-lg-12{
		margin-bottom: 30px;
	}
	.artikel-tb .col-xl-4 {
	    padding-right: 15px;
	}
	.box-artikel{
		padding: 15px 10px;
	}
	.box-artikel h6{
		font-size: 0.688rem;
	}
	.pendiri .nama-ceo h1 {
	    font-size: 3rem;
	}
	.pendiri .dbg-strike{
		width: 180px;
	}
	.pendiri .text-ceo p{
		margin-bottom: 0;
	}
	.artikel .left-side {
	    width: 100%;
	}
	.artikel .input-group {
	    margin-top: 50px;
	}
	.artikel .bg-header1{
		width: 40px;
	    top: 90px;
	}
	.detail-artikel .col-xl-3 {
	    padding-left: 15px;
	}
	.index-kategori-accordion .index-inline{
		width: 100%;
		padding: 0!important;
	}
	.box-grafik a.compare-direct{
		float: unset;
		display: block;
		text-align: center;
	}
	.left-result-comparion span{
		display: block;
	}
	.beli-laporan img.icon-buylaporan{
		width: 70%;
	}
	.filter-gallery .right-filter-gallery .btn-primary{
		margin-right: 10px;
	}
	.image-gallery img{
		height: 280px;
	}
	.contoh-laporan, .nb-contoh-laporan, .arrow-laporan-data {
	    width: 70%;
	}
	.img-big{
	  width: 125%;
	}
	.table-sub-kategori p{
		font-size: 0.75rem;
	}
	.table-sub-kategori{
		width: 100%;
		height: 337px;
		padding: 10px 15px;
	}
	.index-brand-accordion h5{
		width: 100%;
	}
	.box-sperusahaan{
		min-height: 398px;
	}
	.info-sbrand{
		width: 600px;
	}
	.btn-right-sbrand{
		transform: translateX(15%);
	}
	.comparison-page .input-isian-saja{
		margin-left: -25px;
    	margin-right: -25px;
	}

	
}
@media (max-width: 1041px){
	.get-search .btn-primary{
		padding: 7px 20px;
	}
}
@media (max-width: 991px){
	body{
	  margin-top: 50px;
	}
	section{
		margin-bottom: 100px;
	}
	.navbar-toggler .icon-bar{
		background-color: #333366;
	}
	.navbar-nav li.active::after{
		display: none;
	}
	.navbar-toggler {
	    padding: 0.25rem 0;
	}
	.logo-navbar{
		height: 65px;
	    width: auto;
	    padding: 2px 0;
	}
	.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: 60%;
	}
	footer .col-xl-3.col-lg-3{
		padding-left: 15px;
	}
	.list-menu-footer{
		margin-bottom: 30px;
	}
	.header{
		margin-bottom: 70px;
	}
	.header h1{
		font-size: 3rem;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.header p{
		font-size: 0.688rem;
		width: 100%;
		margin-bottom: 20px;
	}
	.header img.img-header{
		width: 100%;
		margin: 0;
	}
	.header .dbg-strike{
		width: 155px;
	}
	.bg-header1{
		top: 100px;
	}
	.bg-header3{
		width: 60px;
		right: -10px;
	}
	.bg-header4{
		width: 90px;
    	bottom: -20px;
	}
	.bg-header2{
		display: none;
	}
	#owl-artikel-tb {
	    width: 150%;
	}
	.box-artikel h6 {
	    font-size: 0.669rem;
	}
	.box-index .btn-selengkapnya{
		padding-left: 20px;
		padding-right: 20px;
	}
	.pendiri .img-left{
		width: 50%;
	}
	.pendiri .text-ceo-mob{
		display: block;
	}
	.pendiri .text-ceo{
		display: none;
	}
	.pendiri img.img-pendiri2{
		left: 45%;
	}
	.pendiri img.img-pendiri1{
		bottom: unset;
		top: 55%;
	}
	.pendiri .nama-ceo {
	    margin-top: 45px;
	}
	.list-artikel .box-artikel h6 {
	    font-size: 0.6rem;
	    height: 35px;
	}
	.list-artikel .box-artikel a{
		font-size: 0.6rem;
	}
	.artikel #owl-artikel-popular{
		margin-top: 30px;
	}
	.list-artikel .bg-artikel3{
		width: 45px;
	}
	.list-thumbnail img{
		display: block;
		margin: 0 auto;
	}
	.list-thumbnail p{
		display: block;
		padding-left: 0;
		text-align: center;
	    margin-top: 10px;
	    margin-bottom: 0;
	}
	.result-artikel .input-group {
	    width: 80%;
	    margin: 15px auto 20px 0;
	}
	.result-artikel .bg-artikel1{
		left: unset;
		right: 15px;
	}
	.search-form .col-xl-12{
		text-align: center;
	}
	.get-search{
		border: 0;
		margin-right: -40px;
		margin-left: -40px;
	}
	.inputbrand {
	    min-width: 210px;
	}
	.pilih-brand-or-sub{
		width: 100%;
		right: unset;
	}
	.input-brand{
		position: relative;
	    width: 100%;
	    text-align: right;
	}
	.get-search .submit-right{
		float: unset;
	    margin-top: 15px;
	    text-align: center;
	    display: block;
	}
	.input-isian-saja {
	    display: block;
	    border: 1px solid #FFAF00;
	}
	.get-search .btn-primary{
		padding: 7px 50px;
    	border-radius: 3px;
	}
	.box-grafik{
		margin-bottom: 50px;
	}
	.bg-index1 {
	    width: 150%;
	}
	.accordion{
		margin-bottom: 40px;
		margin-top: 20px;
	}
	.index-kategori-accordion .accordion{
		column-gap: 30px;
	}
	.beli-laporan img.icon-buylaporan{
		display: none;
	}
	.right-result-comparison{
		margin-top: 20px;
		margin-left: 10px;
	}
	.result-comparison {
	    margin-bottom: 50px;
	}
	.gallery{
		padding-top: 60px;
	}
	img.header-gallery {
	    width: 140%;
	}
	.filter-gallery .right-filter-gallery {
	    text-align: left;
	    margin-top: 20px;
	}
	.image-gallery img {
	    height: 210px;
	}
	.filter-gallery .right-filter-gallery .form-group{
		margin-bottom: 0;
	}
	.image-gallery hr{
		margin-bottom: 50px;
	}
	.info-laporan{
		bottom: 25px;
	}
	.pendiri-about-us img.img-pendiri1{
		width: 50px;
		top: 360px;
	}
	.hidden-md{
		display: none;
	}
	.visible-md{
		display: block;
	}
	img.laporan-data-right, img.laporan-data-left {
	    width: 50%;
	    float: unset;
	    display: block;
	    margin: 0 auto 30px;
	}
	.laporan-data-detail{
		margin-bottom: 90px;
	}
	.round-yellow{
		margin-top: 0;
    	margin-bottom: 30px;
	}
	.metodologi h3, .metodologi-bottom h3{
		margin-bottom: 30px;
	}
	.metodologi-bottom .img-metodologi{
		display: none;
	}
	.metodologi-bottom .text-metodologi{
		padding-left: 0;
	}
	.faq-accordion{
		margin-bottom: 30px;
	}
	#accordion{
		column-count: 1;
    	max-height: 100%;
    	column-gap: 0;
	}
	.left-side-artikel{
		width: 100%;
	}
  	.contoh-laporan, .nb-contoh-laporan, .arrow-laporan-data {
	    width: 95%;
	}
	.b-maintanance h4{
		font-size: 1.2rem;
	}
	.b-maintanance .logo-navbar{
		height: 60px;
		margin-bottom: 30px;
	}
	.img-big {
	    width: 135%;
	}
	.comparison-page .border-search{
		border: 0;
	}
	.comparison-page .input-search-brand{
		border-top: 0;
	}
	.comparison-page .get-search {
		margin-left: 0;
		margin-right: 0;
	}
	.comparison-page .select2-container--default .select2-selection--multiple{
		border: 1px solid #ced4da!important;
	    height: 38px!important;
	    width: 100%;
	}
	.comparison-page .select2-container {
	    padding-left: 0;
	}
	.comparison-page .input-tahun{
		display: inline-block!important;
	}
	.get-search .form-control, .input-yg-right .input-search:first-child .form-control, .input-brand select.form-control,
	.get-search .input-isian-saja .input-yg-pertama .form-control{
		border: 1px solid #ced4da!important;
		height: 38px!important;
    	width: 100%;
	}
	.get-search .form-control:focus{
		border: 1px solid #ffaf00;
	}
	.get-search label{
		font-weight: bold;
		margin-bottom: 0;
		display: block;
	}
	.input-isian-saja{
		border: 0 !important;
	}
	.get-search{
		margin-left: 0;
		margin-right: 0;
	}
	.input-search, .get-search {
	    display: block;
	    text-align: left;
	}
	.get-search .form-group{
		margin-top: 7px;
		margin-bottom: 8px;
	}
	.input-brand select.form-control{
		height: 40px!important;
		background-color: #fff;
		color: #495057;
	}
	.get-search .btn-primary{
		padding: 7px 60px;
	    border-radius: 5px;
	    margin-bottom: 15px;
	    margin-top: 7px;
	}
	.pilih-brand-or-sub{
		position: relative;
	}
	.index-brand-accordion h5{
		font-size: 0.813rem;
		height: 25px;
	}
	.table-sub-kategori p {
	    font-size: 0.67rem;
	    padding-bottom: 5px;
	    height: 60px;
	}
	.table-index{
		font-size: 0.6rem;
    	line-height: 14px;
	}
	.table-sub-kategori .nb-foot {
	    font-size: 0.45rem;
	    display: block;
	    line-height: 14px;
	    margin-top: 5px;
	}
	.table-sub-kategori{
		min-height: 290px;
	}
	.box-sperusahaan{
		height: auto;
		min-height: auto;
	}
	.btn-right-sbrand{
		transform: translateX(15%);
	}
	.btn-right-sbrand .btn-primary {
    	padding: 7px 20px;
	}
	.btn-right-sbrand {
	    transform: translateX(9%);
	}
	.comparison-page .input-isian-saja{
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 767px){
	.box-index {
		min-height: auto;
	}
	.box-index .btn-selengkapnya.btn-in-bottom {
		position: relative;
		padding-top: 20px;
	}
	.header-about-evolution{
		padding-top: 100px;
	}
	.hidden-sm{
	  display: none;
	}
	.visible-sm{
	  display: block;
	}
	.more-link{
		text-align: center;
	}
	section {
	    margin-bottom: 60px;
	}
	.tinynavbar{
		text-align: center;
	}
	.list-social{
	  float: unset;
	}
	footer .info-left {
	  width: 100%;
	  margin: 20px auto 0;
	}
	footer h6{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.list-social, .list-social li{
		display: inline-block;
	}
	footer img:last-child{
		margin-bottom: 30px;
	}
	#sosmed{
		margin-top: 14px;
	}
	.header{
		overflow-x: hidden;
		padding-bottom: 20px;
	}
	.header .btn-primary{
		margin-bottom: 30px;
	}
	.box-index{
		height: auto;
		margin-bottom: 30px;
	}
	img.our-service2{
		display: none;
	}
	.pendiri .nama-ceo h1 {
	    font-size: 2.5rem;
	}
	.pendiri img.img-pendiri2{
		width: 50px;
		top: -20px;
	}
	.pendiri .nama-ceo {
	    margin-top: 35px;
	}
	.pendiri .info-right{
		padding-left: 0;
	}
	.pendiri .nama-ceo{
		margin-left: 20px;
	}
	.pendiri .dbg-strike{
		width: 150px;
		height: 25px;
		transform: translateY(-25px) translateX(8px);
	}
	.pendiri img.img-pendiri1{
		display: none;
	}
	.our-service{
		padding-bottom: 0;
	}
	.our-service .box-sevice-first{
		overflow-x: hidden;
	}
	.pendiri .text-ceo-mob h3{
		font-size: 1.5rem;
	}
	.pendiri .text-ceo-mob p{
		text-align: justify;
	}
	#owl-artikel-tb {
	    width: 100%;
	    margin-top: 30px;
	}
	.list-artikel .box-artikel h6 {
	    font-size: 0.7rem;
	}
	.detail-artikel .col-md-4{
		margin-top: 40px;
	}
	.list-thumbnail img {
	    display: table-cell;
	    margin: 0;
	}
	.list-thumbnail p{
		display: table-cell;
	    padding-left: 15px;
	    text-align: left;
	}
	.list-thumbnail{
		width: auto;
	}
	.left-side-artikel {
	    width: 100%;
	}
	.index-brand-grafik img.bg-icon3{
		width: 40px;
	}
	.index-brand-grafik img.bg-icon4{
		width: 50px;
		top: 150px;
	}
	.index-kategori-accordion .accordion{
		column-count: 1;
		column-gap: 0;
	}
	.beli-laporan h4, .beli-laporan p{
		text-align: center;
	}
	.btn-white{
		text-align: center;
		display: block;
	}
	.result-comparison .btn-primary{
		padding: 6px 10px;
    	margin-top: -5px;
	}
	img.header-gallery {
	    width: 100%;
	    margin-top: 30px;
	}
	.filter-gallery .right-filter-gallery .btn-primary{
		display: block;
    	margin: 15px auto;
	}
	.laporan-data h3{
		margin-bottom: 30px;
	}
	img.img-about-us-left{
	    width: 70%;
	    float: unset;
	    margin: 0 auto 30px;
	    display: block;
	}
	img.img-about-us-right {
		display: none;
	}
	.img-left-mobile{
		display: block;
	}
	.filter-gallery .right-filter-gallery .form-group{
		display: block;
	}
	#gallery-pop-up .modal img{
		height: 300px;
	}
	#gallery-pop-up .modal .close{
		height: 50px;
    	width: 50px;
    	padding: 0 10px;
    	font-size: 40px;
    	right: 5px;
	}
	#gallery-pop-up .modal .modal-body{
		padding: 10px;
	}
	.bg-header1{
		left: unset;
	    right: 0;
	    transform: rotate(180deg);
	}
	.contoh-laporan, .nb-contoh-laporan, .arrow-laporan-data {
	    width: 100%;
	    height: auto;
	}
	.arrow-carousel-laporan-data .left-arrow, .arrow-carousel-laporan-data .right-arrow{
		font-size: 30px;
	}
	.arrow-carousel-laporan-data{
		top: 180px;
	}
	img.laporan-data-right, img.laporan-data-left {
	    width: 80%;
	}
	.b-maintanance td {
	    width: 100%;
	    display: block;
	}
	.img-big {
	    width: 100%;
	}
	.b-maintanance td:last-child{
		margin-top: 40px;
	}
	.table-sub-kategori{
		width: 100%;
	}
	.table-sub-kategori p {
	    font-size: 0.9rem;
	    height: auto;
	}
	.index-brand-accordion h5{
		height: auto;
	}
	.table-index tr td, .table-index tr th{
		font-size: 0.85rem;
	}
	.table-sub-kategori .nb-foot {
	    font-size: 0.7rem;
	}
	.info-sbrand{
		width: 100%;
		display: block;
		border-right: 0;
	}
	.btn-compare-sbrand {
	    display: block;
	    width: 100%;
	    margin-top: 20px;
	}
	.btn-right-sbrand {
	    transform: unset;
	    text-align: center;
	}
	.dbox-result-sbrand{
		padding: 20px;
	}
	.table-scroll th:first-child{
		min-width: 150px;
	}
	.table-scroll thead tr:first-child th:not(:first-child), .table-scroll td{
		min-width: auto;
	}
}
@media (max-width: 621px){
	body {
    	margin-top: 80px;
	}
	.tinynavbar{
		height: 70px;
	}
	.tinynavbar a.space{
		border: 0;
		padding-right: 0;
		margin-right: 0;
	}
	.tinynavbar p{
		display: block;
		margin-top: 5px;
	}
	.header-about-evolution{
		padding-top: 100px;
	}
}
@media (max-width: 575px){
	.header-about-evolution{
		padding-top: 100px;
	}
	.tinyfooter{
		background-size: cover;
		height: auto;
		text-align: center;
		padding: 10px 0;
	}
	.tinyfooter p{
		font-size: 0.625rem;
	}
	.tinynavbar .dropdown{
		display: none;
	}
	.list-artikel .box-artikel h6 {
	    font-size: 0.813rem;
	}
	.list-artikel .box-artikel a {
	    font-size: 0.7rem;
	}
	.detail-artikel .bg-artikel3{
		display: none;
	}
	.bg-index1{
		display: none;
	}
	.index-brand-grafik .bgright {
	    width: 100%;
	    padding: 20px;
	}
	.index-brand-grafik img.bg-icon3 {
		left: 0;
	}
	.bgright-text-left{
		padding-top: 0;
	}
	.index-brand-grafik img.bg-icon4{
		top: 100px;
	}
	.index-brand-grafik{
		overflow: hidden;
	}
	.image-gallery img {
	    height: 360px;
	}
	.filter-gallery .right-filter-gallery .form-group {
	    margin-bottom: 10px;
	}
	.filter-gallery .right-filter-gallery .btn-primary {
	    margin: 5px auto;
	}
	.info-laporan{
		left: 30px;
		bottom: 20px;
	}
	.just-brand-compare .input-isian-saja{
		min-width: auto;
	}
	.just-brand-compare .input-isian-saja .form-control{
		min-width: 300px;
	}


}
@media (max-width: 454px){
	
}
@media (max-width: 415px){
	
}
@media (max-width: 335px){
	
	
}