@media (min-width: 768px) {
    .head-mobile {
        width: auto;
    }
    .fullbg-menu{
        border-bottom: 1px solid #FFF;
    }    
    .navbar-brand{
        text-align: left;
    }
    .navbar-brand img{
        width: 70px;
        vertical-align: top;
    }
    .navbar-brand span{
        display: inline-block;
        margin-left: 10px;
    }
    .navbar-brand h1{
        font-size: 22px;
        margin-bottom: 0;
    }
    .navbar-brand p{
        font-size: 15px;
        margin-bottom: 0;
    }
    .navbar-nav{
        width: 100%;
    }
    .navbar-collapse ul li{
        padding: 5px 6px;
    }
    
 .navbar-collapse ul li:hover, .navbar-collapse ul li.active {
    background-color: transparent;
    position: relative;
    z-index: 0;
}
  .navbar-collapse ul li:hover:before, .navbar-collapse ul li.active:before {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0;
      right: 0;
      bottom: -3px;
      height: 0;
      border: 2px solid #99ff99;
      border-radius : 10px;
    }
    .navbar-collapse ul li.active a, .navbar-collapse ul li:hover a {
        color: #242424;
    }
    .welcome-box {
        width: 70%;
        margin: auto;
        top: -65px;
        font-size: 26px;
    }
    .img-greenright{
        display: block;
    }
    .footer {
        text-align: left;
        padding: 5% 0;
        font-size: 14px;
    }
    .footer .col-md-3{
        border-right: 1px solid #9a9a9a;
    }
    .footer .col-md-3:last-child{
        border-right:0;
    }
    .detail-service {
        width: 90%;
        max-height: 190px;
        min-height: 190px;
    }
    .service-box img {
        width: 100%;
    }
    .readmore-btn {
        font-size: 20px;
    }
    .readmore-btn img {
        width: 2rem;
    }
    .title-content {
        font-size: 26px;
    }
    .img-welcome {
        width: 5rem;
    }
    .img-greenright img{
        width: 12rem;
    }
    .img-greenright {
        top: 14%;
        z-index: 10;
    }
    .indetail-service {
        padding: .5rem;
    }
    .readmore-service {
        width: 40%;
        padding: 5px 0;
        font-size: 22px;
        margin: 3% auto;
    }
    .tagline-box{
        padding: 15% 0;
    }
    .address-footer h1{
        text-align: center;
    }
    .slide-portfolio .carousel-control-prev {
        left: auto;
        right: 7%;
    }
    .logo-footer h1 {
        font-size: 15px;
    }
    .logo-footer p{
        padding: 0;
    }
    .address-footer a img{
        width: 2rem;
    }
    .slide-portfolio .carousel-control-prev, .slide-portfolio .carousel-control-next {
        top: -3px;
    }
    .indetail-service-2{
        padding-bottom: 59%;
    }
    .indetail-service-3{
        padding-bottom: 33%;
    }
    .icon-service  .img-timeline-1{
        width: 80%;
        border-radius: 0;
        margin: 0;
        position: absolute;
        left: 50%;
        top:40%;
        transform: translate(0,0);
    }
    .icon-service  .img-timeline-2{
        width: 80%;
        border-radius: 0;
        margin: 0;
        position: absolute;
        left: 29%;
        top:40%;
        transform: translate(0,0);
    }
    .icon-service  .img-timeline-3{
        width: 80%;
        border-radius: 0;
        margin: 0;
        position: absolute;
        left: 9%;
        top:40%;
        transform: translate(0,0);
    }
    .icon-service  .img-timeline-4{
        width: 80%;
        border-radius: 0;
        margin: 0;
        position: absolute;
        left: -26%;
        top:40%;
        transform: translate(0,0);
    }
    .icon-service h1 {
        margin: 30% 0 10%;
    }
    #slide-zone .carousel-item img {
        height: 100%;
        width: 100%;
        position: inherit;
        top: 0;
        left: 0;
        -ms-transform: translate(0%,0%);
        -webkit-transform:  translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -o-transform: translate(0%,0%);
        transform: translate(0%,0%);
        max-width: initial;
    }
    #slide-zone .carousel-item {
        overflow: hidden;
        height: 100%;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
    .navbar-collapse ul li {
        padding: 5px 26px;
        text-align: center;
    }
    .navbar-brand p {
        font-size: 18px;
    }
    .navbar-brand p {
        font-size: 18px;
    }
    .welcome-box {
        width: 55%;
        font-size: 28px;
    }
    .img-welcome {
        width: 8rem;
        left: -10%;
        top: -14%;
    }
    .img-greenright img {
        width: 16rem;
    }
    .img-greenright {
        top: 12%;
    }
    .detail-welcome {
        font-size: 22px;
    }
    .title-content {
        font-size: 30px;
    }
    .detail-service {
        width: 90%;
        max-height: 124px;
        min-height: 124px;
    }
    .indetail-service-2 {
        padding-bottom: 23%;
    }
    .indetail-service-3 {
        padding-bottom: 4%;
    }
    .icon-service img {
        width: auto;
    }
    .icon-service h1 {
        font-size: 22px;
    }
    .icon-service p{
        font-size: 19px;
    }
    .icon-service .img-timeline-1 {
        width: auto;
        left: 45%;
        top: 44%;
    }
    .icon-service .img-timeline-2 {
        width: auto;
        top: 44%;
        left: 15%;
    }
    .icon-service .img-timeline-3 {
        width: auto;
        left: -18%;
        top: 44%;
    }
    .icon-service .img-timeline-4 {
        width: auto;
        left: -53%;
        top: 44%;
    }
    .tagline-detail h1{
        font-size: 35px;
    }
    .tagline-detail p {
        font-size: 20px;
    }
    .slide-portfolio .carousel-control-prev, .slide-portfolio .carousel-control-next {
        top: -69px;
    }
    .logo-footer h1 {
        font-size: 18px;
        margin: 10px auto 0;
    }
    .footer {
        font-size: 16px;
    }
} 
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
    .navbar-collapse ul li{
        font-size: 22px;
        padding: 5px 30px;
    }
    .navbar-brand img{
        width: 95px;
        vertical-align: middle;
    }
    .slim .headbar-top{
        display: none;
    }
    .slim .fullbg-menu{
        padding: 1% 0;
    }
    .navbar-brand span {
        vertical-align: -webkit-baseline-middle;
    }
    .welcome-box {
        width: 64%;
        font-size: 42px;
        top: -130px;
    }
    .img-welcome {
        width: auto;
        left: -12%;
        top: -26%;
    }
    .img-greenright img {
        width: auto;
    }
    .img-greenright {
        top: 17%;
    }
    .detail-welcome {
        font-size: 24px;
    }
    .detail-service {
        max-height: 143px;
        min-height: 143px;
        font-size: 22px;
    }
    .indetail-service-2 {
        padding-bottom: 19%;
    }
    .indetail-service-3 {
        padding-bottom: 3%;
    }
    .detail-service .img-service{
        width: auto;
    }
    .service-box:hover .img-service {
        top: -24px;
    }
    .icon-service .img-timeline-1 {
        top: 46%;
    }
    .icon-service .img-timeline-2 {
        top: 46%;
        left: 25%;
    }
    .icon-service .img-timeline-3 {
        left: -3%;
        top: 46%;
    }
    .icon-service .img-timeline-4 {
        left: -30%;
        top: 46%;
    }
    .readmore-service {
        width: 30%;
        margin: 5% auto 0;
        transition: all 0.5s;
    }
    .readmore-service:hover{
        color: #FFF;
    }
    .tagline-detail h1 {
        font-size: 50px;
    }
    .slide-portfolio {
        margin: 5% auto;
    }
    .slide-portfolio .carousel-control-prev {
        right: 4%;
    }
    .address-footer ul {
        margin-left: 10%;
    }
    .address-footer ul li{
        padding: 5px 0;
    }
    .address-footer p{
        padding: 0 10px;
    }
    .footer {
        font-size: 18px;
    }
    .address-footer a img {
        width: auto;
        transition: all 0.5s;
    }
    .address-footer a img:hover{
        transform: translateY(-5px);
    }
    .contact-social-header img{
        transition: all 0.5s;        
    }
    .contact-social-header img:hover{
        transform: translateY(-5px);
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1700px) {  
    .container {
        max-width: 1600px;
    }
    .navbar-collapse ul li{
        width: 19%;
        padding: 5px 0;
    }
    .navbar-collapse ul li.spacmenu{
        width: 20%;
    }
    .navbar-nav {
        margin-top: 10px;
    }
    .welcome-box {
        width: 55%;
        font-size: 45px;
        top: -150px;
    }
    .img-greenright {
        top: 19%;
    }
    .detail-welcome {
        font-size: 26px;
    }
    .readmore-btn {
        font-size: 24px;
    }
    .detail-service {
        max-height: 155px;
        min-height: 155px;
        font-size: 24px;
    }
    .indetail-service {
        padding: 1rem 3rem;
        padding-bottom: 1%;
    }
    .indetail-service-2 {
        padding-bottom: 14%;
    }
    .indetail-service-3 {
        padding-bottom: 1%;
    }
    .icon-service .img-timeline-1 {
        top: 45%;
        width: 90%;
    }
    .icon-service .img-timeline-2 {
        top: 45%;
        left: 22%;
        width: 90%;
    }
    .icon-service .img-timeline-3 {
        left: -8%;
        top: 45%;
        width: 90%;
    }
    .icon-service .img-timeline-4 {
        left: -37%;
        top: 45%;
        width: 90%;
    }
    .footer {
        font-size: 20px;
    }
    .logo-footer p {
        padding: 0 9%;
    }
    .address-footer p {
        padding: 10% 10%;
    }
    .address-footer ul {
        margin-left: 0;
        padding: 10%;
    }
    .address-footer ul li {
        padding: 0px 0;
    }
    .copyright-bg {
        padding: 15px 0;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 2000px) {
}