@media (max-width: 575.98px) {
    .banner-title{
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-top: 32px;
    }
    .title-desc{
        font-size: 14px;
        text-align: center;
        margin-top: 8px;
    }
    .banner-section{
        margin: 0px;
        padding: 80px 0px;
    }

    .banner-group-button{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important;
        margin-top: 16px;
    }
    .default-desc{
        font-size: 14px;
    }

    .img-banner{
        min-width: 130px;
        min-height: 160px;
        max-width: 130px;
        max-height: 160px;
    }

    .btn-faj-white, .btn-faj-trans {
        font-size: 12px;
    }
    .row-banner{
        margin-top: -40px;
    }
    .lanjut-button{
        text-align: left !important;
    }

    .statistic-title{
        font-size: 24px;
    }
    .statistic-desc{
        font-size: 20px;
    }

    .active .ac-brdr {
        display: none;
    }

    .section-title{
        font-size: 24px;
        line-height: 36px;
    }

    .history-section-title, .social-media, .copyright-text{
        text-align: center;
    }

    .history-title{
        font-size: 16px;
        line-height: 20px;
    }

    p{
        font-size: 14px;
    }

    .faj-card {
        min-height: 120px;
    }

    
    .btn-faj-green {
        padding: 10px 16px;
        font-weight: 600;
        font-size: 12px;
        margin: 15px 0px;
    }

    .blog-title{
        font-size: 24px;
        line-height: 36px;
      }

      .blog-date{
        font-size: 12px;
      }

    .meta-desc{
        font-size: 14px;
        line-height: 20px;
    }

    .pagination-number{
        max-height: 36px;
        min-height: 36px;
        max-width: 36px;
        min-width: 36px;
    }

    .first-section{
        background-image:url('../../assets/images/default/bghome_.png'); 
        background-size: 100%; 
        background-position: 0% 15%;
        background-repeat: no-repeat;
      }

      .second-section{
        margin-top: 0px!important;
    }

    .sub-page-title{
        font-size: 14px;
    }

    .blog-card h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .blog-card p {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-card-wrap {
        padding: 10px 20px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .img-banner{
            min-width: 301px;
            min-height: 400px;
            max-width: 301px;
            max-height: 400px;
        }
    
        .banner-title{
            font-size: 54px;
        }

        .lanjut-button{
            text-align: left !important;
        }
        .active .ac-brdr {
            display: none;
        }

        .history-section-title{
            text-align: center;
        }
        .btn-faj-green {
            padding: 10px 16px;
            font-weight: 600;
            font-size: 12px;
            margin: 15px 0px;
        }

        .blog-title{
            font-size: 24px;
            line-height: 36px;
          }
          .blog-date{
            font-size: 12px;
          }
        .meta-desc{
            font-size: 14px;
            line-height: 20px;
        }
        
        .first-section{
            background-image:url('../../assets/images/default/bghome_.png'); 
            background-size: 100%; 
            background-position: 0% 15%;
            background-repeat: no-repeat;
          }

          .banner-group-button{
            -webkit-box-pack:center!important;
            -ms-flex-pack:center!important;
            justify-content:center!important;
            margin-top: 16px;
        }

        .banner-title{
            font-size: 24px;
            line-height: 36px;
            text-align: center;
            margin-top: 32px;
        }
        .title-desc{
            font-size: 14px;
            text-align: center;
            margin-top: 8px;
        }

        .row-banner{
            margin-top: -40px;
        }

        .second-section{
            margin-top: 0px!important;
        }
        .sub-page-title{
            font-size: 14px;
        }

        .blog-card h1 {
            font-size: 20px;
            line-height: 28px;
        }

        .blog-card p {
            font-size: 14px;
            line-height: 24px;
        }
}

    

@media (min-width: 768px) and (max-width: 991.98px) {
    .img-banner{
        min-width: 301px;
        min-height: 400px;
        max-width: 301px;
        max-height: 400px;
    }

    .banner-title{
        font-size: 54px;
    }
    .active .ac-brdr {
        display: none;
    }
    .btn-faj-green {
        padding: 10px 16px;
        font-weight: 600;
        font-size: 12px;
        margin: 15px 0px;
    }

    .blog-title{
        font-size: 24px;
        line-height: 36px;
      }

      .blog-date{
        font-size: 12px;
      }
    .meta-desc{
        font-size: 14px;
        line-height: 20px;
    }
    
}
@media screen and (max-width: 991px) {

}	




@media screen and (min-width: 992px) and (max-width: 1279px) {
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }

    .img-banner{
        min-width: 500px;
        min-height: 600px;
        max-width: 500px;
        max-height: 600px;
        left: 255px;
        top: 200px;
    }
}

/*1280*/
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }

    .img-banner{
        min-width: 500px;
        min-height: 600px;
        max-width: 500px;
        max-height: 600px;
        left: 255px;
        top: 200px;
    }
}


/*1366*/
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }

    .img-banner{
        min-width: 550px;
        min-height: 650px;
        max-width: 550px;
        max-height: 650px;
        left: 255px;
        top: 200px;
    }
}


/*1440*/
@media screen and (min-width: 1440px) and (max-width: 1535px) {
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }
}

/*1536*/
@media screen and (min-width: 1536px) and (max-width: 1599px) {
   .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }

    .img-banner{
        top: 0px;
    }

}

/*1600*/
@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .tire-img{
        max-width: 1400px;
        min-width: 1400px;
    }
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }
}

/*1920*/
@media screen and (min-width: 1920px) {
    .tire-img{
        max-width: 1550px;
        min-width: 1550px;
    }
    .navbar-brand{
        margin-right:3rem!important;
        margin-left:3rem!important;
    }

    .container-leftOnly {
        max-width: 2000px;
    }
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
/*    padding-right: 15px;
    padding-left: 15px;*/
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}