/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


body {
    overflow-x: hidden;
  }
  
  @media (max-width: 992px) {
    .header-area .main-nav .nav li:last-child {
      display: none;
    }
    .header-area .main-nav .nav li ul li:last-child {
      display: inline-block;
    }
    .header-area {
      background-color: #212741;
    }
    .slide-inner .header-text {
      width: 80%;
    }
    .simple-cta {
      text-align: center;
    }
    section.simple-cta .buttons {
      justify-content: center;
    }
    section.about-us .naccs .menu div,
    section.service-details .naccs .menu div {
      margin-right: 15px;
      font-size: 15px;
      padding: 15px 20px;
    }
    section.about-us .right-content {
      margin-left: 0px;
      margin-top: 60px;
    }
    section.calculator .left-image {
      display: none;
    }
    .testimonials .item img {
      max-width: 200px;
      right: 50px;
    }
    section.partners .item {
      margin:15px; 
    }
    section.top-section .accordions {
      margin-left: 0px;
      margin-top: 45px;
    }
    .what-we-do .left-content {
      margin-right: 0px;
      margin-bottom: 45px;
    }
    .main-services .left-image {
      margin-right: 0px;
      margin-bottom: 30px;
    }
    .main-services .right-text-content {
      margin-left: 0px;
    }
    .main-services .right-image {
      margin-left: 0px;
      margin-top: 30px;
    }
    section.service-details ul.nacc li .left-image {
      position: relative;
      margin-right: 0px;
      transform: translateY(0px);
    }
    section.service-details ul.nacc li .left-image img {
      border-radius: 15px;
    }
    section.service-details ul.nacc li .right-content {
      padding: 50px;
      margin-left: 0px;
    }
    section.service-details ul.nacc li .right-content h4 {
      margin-right: 0px;
    }
    section.service-details ul.nacc li.active {
      display: inline-block;
    }
    section.service-details ul.nacc li {
      display: none;
    }
    section.map .info-item {
      margin-top: 30px;
    }
  }
  
  @media (max-width: 767px) {

    .header-area .main-nav .logo {
      line-height: 100px;
    }
    .background-header .main-nav .logo {
      line-height: 80px;
    }
    .header-area .main-nav .nav li.has-sub ul.sub-menu {
      display: none;
    }
    .slide-inner .header-text p {
      display: none;
    }
    .slide-inner .header-text {
      text-align: center;
      width: 80%;
      margin-left: 10%;
      margin-right: 10%;
    }
    .slide-inner .header-text .div-dec {
      margin-left: auto;
      margin-right: auto;
    }
    .slide-inner .header-text .buttons {
      display: inline-flex;
    }
    .slide-inner .header-text .buttons .green-button {
      float: none;
    }
    .services .service-item i {
      margin-bottom: 35px;
    }
    section.about-us ul.nacc li span.item-title {
      font-size: 14px !important;
    }
    section.about-us ul.nacc li span.item {
      font-size: 13px;
    }
    .testimonials .item i {
      margin-bottom: 60px;
    }
    .testimonials .item img {
      max-width: 100px;
      right: 50px;
      top: 35px;
      transform: translateY(0);
    }
    .testimonials .item {
      padding: 50px;
    }
  }

  /*
  All
  */
  @media (max-width: 1200px) {
    
    .partner-icon {
      background-color: rgba(203, 222, 242, 0.351);
      padding: 10px;
      border-radius: 12px;
      }

    .partner-icon .icon {
      width: 50px;
    }
  }

  @media (max-width: 992px) {
    .view-more-btn {
      width: 205px;
    }
    .partner-icon .icon {
      width: 40px;
    }
  }
  @media (max-width: 767px) {

    .partner-icon {
      padding: 9px;
    }

    .partner-icon .icon {
      width: 30px;
    }
  }
  @media (max-width: 567px) {


    .partner-icon {
      padding: 6px;
      border-radius: 7px;
    }

    .partner-icon .icon {
      width: 20px;
    }
  }

  @media (max-width:312px) {
        .view-more-btn {
          width: 180px;
        }
  }


  /*
  Homepage
  */


  @media (max-width:1200){
  }

  @media (max-width:992) {
    /*produk*/ 
    .icon-produk .icon {
      width: 35px;
      height: auto;
    }
    /*COE*/
    
    .header-coe .icon-coe {
      width: fit-content;
    }
    .header-coe {

      display: flex;
      flex-direction: column;
    }
    
    .icon-coe .icon {
      width: 45px;
      height: auto;
    }
  }

  @media (max-width:767px) {

    .logo-polibatam {
      width: 130px;
      height: auto;
    }
    /*produk*/ 
    .icon-produk .icon {
      width: 35px;
      height: auto;
    }
    /* banner */
    .swiper-container {
      padding-top: 115px;
      height: calc(80vh - 0px);
    }
    /* produk */
    .slider-card {
      box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 15px 2px;      
    }

    .arrow-button {
      height: 30px;
      width: 30px;
    }

    .arrow-button svg{
      width: 15px;
    }

    /*COE*/
    .icon-coe .icon {
      width: 40px;
      height: auto;
    }
  }

  @media (max-width:576px) {
    .logo-polibatam {
      width: 100px;
      height: auto;
    }
    /*produk*/ 
    .header-produk .icon-produk {
      border-radius: 7px;
      padding: 7px;
    }
    .icon-produk .icon {
      width: 30px;
      height: auto;
    }

    .swiper-container {
      height: 60vh;
    }

    /*COE*/
    .icon-coe .icon {
      width: 30px;
      height: auto;
    }

    .header-coe {
      max-width: fit-content;
    }
  }



  @media (max-width:1200){

  }

  @media (max-width:992) {

  }

  @media (max-width:767) {

  }

  @media (max-width:576) {
    
  }
  

  @media (max-width:1200){

  }

  @media (max-width:992) {

  }

  @media (max-width:767) {

  }

  @media (max-width:576) {
    
  }


  @media (max-width:1200){

  }

  @media (max-width:992) {

  }

  @media (max-width:767) {

  }

  @media (max-width:576) {
    
  }