/* only small desktops */
/* tablets */
/* only small tablets */
@media only screen and (min-width: 992px) and (max-width: 1180px) {
	.footer-area h3{
		font-size: 18px;
	}
}

@media (max-width: 1280px) {
	.cover-slides h1, .cover-slides p {
		text-align: center;
		padding: 10px;
	}
}

@media (max-width: 992px) {
    .vision-goals .icon {
        padding-bottom: 15px;
    }
    .footer-area h3 {
      margin: 20px 0px 0px 0px;
    }

    .family-sites {
      margin-top: 10px;
    }

    .organization-chart .img-chart {
       max-width: 100%;
    }

    .border-p {
        border: none;
    }
    .partners {
        padding: 0px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .organization-chart .img-chart {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
	.navbar-light .navbar-brand{
		margin-left: 15px;
	}
	.navbar-light .navbar-toggler{
		margin-right: 15px;
		border-radius: 0px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		box-shadow: none;
	}
	.carousel-control-prev{
		left: -60px;
	}
	.carousel-control-next{
		right: -60px;
	}
	.why-text h4{
		font-size: 18px;
	}
	.why-text p{
		margin: 0px;
	}
    .contact-box .contact-info {
        padding-bottom: 50px;
    }
    .partners img {
        max-width: 15%;
    }
    #applyjob .modal-body .container {
        padding: 0 4rem;
        margin-bottom: 2em;
    }
    .modal-dialog {
        max-width: fit-content;
    }
    .form-row .top {
        top: 25px;
    }
}

/* mobile or only mobile */
@media (max-width: 767px) {
	.slides-navigation .prev, .slides-navigation .next {
		font-size: 20px;
		line-height: 10px;
	}
	.navbar-light .navbar-brand{
		margin-left: 15px;
	}
	.navbar-light .navbar-toggler{
		margin-right: 15px;
		border-radius: 0px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		box-shadow: none;
	}
    .top-navbar .navbar-light .navbar-nav .nav-link,
    .top-navbar .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 15px;
    }
	.cover-slides h1{
		font-size: 25px;
		text-align: center;
	}
	.cover-slides p {
		font-size: 14px;
		text-align: center;
	}
	.slides-navigation a{
		height: 42px;
		width: 38px;
		line-height: 33px;
	}
	.inner-column{
		margin-top: 15px;
	}
	.inner-column h1{
		font-size: 22px;
	}
	.filter-button-group{
		margin: 10px 0px;
	}
	.contact-imfo-box .col-md-4{
		margin-bottom: 15px;
	}
	.blog-box-inner .blog-detail{
		overflow: hidden;
	}
	.blog-sidebar{
		margin-top: 50px;
	}
	.footer-area p, .footer-area p a, 
    .copyright .company-name {
		font-size: 13px;
	}
	.footer-area h3 {
		font-size: 15px;
	}
	.business-areas .section-headline h2, 
    .testimonials .section-headline h2,
    .contact-box .section-headline h2,
    .organization .section-headline h2,
    .npl-box .section-headline p,
    .npl-box .section-title h1,
    .check-npl-box .section-title h1,
    .check-npl-box .section-headline p  {
		font-size: 22px;
	}
    .our-assets .section-title h1,
    .check-npl-box .section-title h1 {
        font-size: 20px;
    }
	.business-areas .icon .icon-box .fa-lock, 
    .business-areas .icon .icon-box .fa-unlock-keyhole {
		left: 50%;
	}
    .business-areas .title {
        padding-top: 35px;
    }
	.partners {
		padding: 30px 15px;
	}
	.partners img {
		max-width: 30%;
	}
	.partners h2 {
		padding-bottom: 20px;
		font-size: 25px;
		text-transform: uppercase;
	}

    /* START CHANGES ABOUT OK ASSET */
  .ceo-message .pict {
      padding-top: 20px;
  }

  .ceo-message .message h1, .history h1, .shareholders h1, .commissioner h1, .organization-chart h1 {
      font-size: 18px;
  }

  .ceo-message .message h1 {
      padding-bottom: 10px;
  }

  .ceo-message .message p {
      font-size: 11px;
  }

  .ceo-message .message span {
      font-size: 12px;
  }

  .heading-banner h1 {
      font-size: 22px;
  }

  .ceo-message, .history, .shareholders, .commissioner, .organization-chart {
      padding: 50px 0px;
  }

  .ceo-message .pict {
      padding-top: 20px;
  }

  .ceo-message .message h1, .history h1, .shareholders h1, .commissioner h1 {
      font-size: 18px;
  }

  .ceo-message .message h1 {
      padding-bottom: 10px;
  }

  .ceo-message .message p {
      font-size: 12px;
  }

  .ceo-message .message span {
      font-size: 12px;
  }

  .history-tl-container ul.tl li {
      padding: 0 0 30px 20px;
      margin-left: 115px;
  }

  .history-tl-container ul.tl {
      padding: 50px 0px 0px;
  }

  .history ul.tl li{
      margin-left: 120px;
      padding: 0 0 50px 20px;
  }

  .history-tl-container ul.tl li, ul.tl li .item-detail {
      font-size: 11px;
  }

  ul.tl li .timestamp, ul.tl li .item-title{
      font-size: 12px;
  }

  .select-sites {
      font-size: 12px;
  }
    /* END CHANGES ABOUT OK ASSET */

    .organization .img-fluid {
        max-width: 100%;
    }
    .contact-box .contact-area h4 {
        font-size: 18px;
    }    
    .contact-box .contact-area p {
        font-size: 13px;
    }
		.recruite .cards {
			margin: 0;
		}
    .recruite-detail .lamar .roundarea .ql-editor {
        padding: 30px 0px;
    }
    #applyjob .modal-content .modal-body .header-title {
        font-size: 20px;
        text-align: center;
    }
    #applyjob .modal-content .modal-body .modal-main-text,
    #applyjob .modal-content .modal-body .modal-main-text a,
    #applyjob .modal-content .modal-body .modal-main-text span {
        font-size: 14px;
    }
    #applyjob .modal-body .container {
        padding: 0 2rem;
        margin-bottom: 2em;
    }
    .single-product .right-content .down-content {
        font-size: 13px;
    }
    .bangunan-box .right-content .section-heading h1 {
        font-size: 15px;
    }
    .npl-box .block .section-title .see-all,
    .our-assets .block .section-title .see-all {
        margin-top: 3.5rem!important;
        font-size: 13px;
    }
    .newest-img-wrapper .card-body,
    .list-img-wrapper .card-body
    {
        padding: 1rem;
    }
    .npl-box .card-newest {
        padding: 0px 0px 10px;
    }
    .list-img-wrapper .card-body h6,
    .newest-img-wrapper .card-body h6 {
        font-size: 11px;
    }
    .top-navbar .navbar-brand img {max-height: 35px;}
    .result-box .filter-item {
        display: flex!important;
        align-items: flex-start;
    }
    .business-areas .section-headline .text-body p {
        font-size: 14px;
    }
    .search-asset {
        margin-top: 10px;
    }
    .add-collateral i {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 599px) {
	.why-text p{
		margin-bottom: 0px;
		margin-top: 0px;
	}
    /* .npl-data .npl-table {
        overflow-x: auto;
    } */
    .check-npl-box .section-headline h2::after,
    .npl-box .section-headline h2::after {
        margin: 5px 5px;
    }
}

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
    tfoot {
        border-top: 1px solid darkgray;
    }
}

@media (min-width: 768px) {
    .contact-box .contact-area .info-box .email {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .npl-box .block .section-title .see-all {
        padding: 0 15px;
    }
    tfoot td {
        text-align: center;
    }
}

@media (max-width: 490px) {
    .urutkan, .kategori, .lokasi {
        margin-left: 15px;
        width: 100%;
    }

    #pilih-urutkan, #pilih-kategori, #pilih-lokasi {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 5px;
    }

    .search-asset {
        margin-top: 5px;
    }

    ul.tl li .timestamp{
      left: -50%;
  }
}

@media only screen and (max-width: 599px) {
    select{
        overflow-y: scroll;
        overflow-x: hidden;
    }
}