@media (max-width: 575.98px) {
  .header-detail-work .container-fluid {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .head-text h2 {
    font-size: 24px !important;
  }
  .head-text p {
    font-size: 15px;
  }
  .header .container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .title-main h2 {
    font-size: 25px;
  }
  .title-main p {
    font-size: 14px;
  }
  .lines {
    width: 90vw;
    left: 5%;
  }
  .lines-page {
    width: 90vw;
    left: 5%;
  }
  .sosmed {
    display: none;
  }
  .img-work-detail {
    margin-top: 30px;
  }
  .work-text {
    top: 10%;
  }
  .work-text h3 {
    font-size: 30px;
  }
  .work-text p {
    font-size: 16px;
  }
  .about-text {
    padding-left: 0;
  }
  .img-page-about {
    margin-top: 30px;
  }
  .team-item,
  .work-item,
  .news-item {
    margin-left: 15px;
    margin-right: 15px;
  }
}



@media (min-width: 576px){
	#ng-logo-main {
        width: 250px
}
}


/* // Extra small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) and (max-width: 767.98px) {
  .title-main h2 {
    font-size: 30px;
  }
  .title-main p {
    font-size: 14px;
  }
  .header-detail-work .container-fluid {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .head-text h2 {
    font-size: 24px !important;
  }
  .head-text p {
    font-size: 14px;
  }
  .lines {
    width: 90vw;
    left: 5%;
  }
  .lines-page {
    width: 90vw;
    left: 5%;
  }
  .img-page-about {
    margin-top: 30px;
  }
  .img-work-detail {
    margin-top: 30px;
  }
  .sosmed {
    display: none;
  }
  .work-text {
    top: 10%;
  }
  .work-text h3 {
    font-size: 25px;
  }
  .work-text p {
    font-size: 14px;
  }
}

/* // Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) and (max-width: 991.98px) {
  .work-text {
    top: 10%;
  }
  .work-text h3 {
    font-size: 28px;
  }
  .work-text p {
    font-size: 16px;
  }
}

/* // Medium devices (tablets, less than 992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .detail-slider {
    margin-top: 30px;
  }
  .work-text {
    top: 15%;
  }
  .work-text h3 {
    font-size: 20px;
  }
}

/* // Large devices (desktops, less than 1200px) RETINA */
/*# sourceMappingURL=responsive.css.map */