@media only screen and (min-width:999px) and (max-width:1290px) {
/*---------- HEADER -------------*/

/* ---------- ABOUTS --------- */
    .img-abouts {
       margin-top:50px; 
    }

    .img-abouts .play-btn-content{
        position: absolute;
        top:0%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
/* --------- SERVICE 2 ------- */
    .services-box-2 .icon img{
        height:150px;
    }

    .services-box-2 h4 {
      font-size:17px;
      line-height:25px;
      font-weight:500;
    }

/*---------- SERVICE --------- */
    .services-box {
        margin-bottom:30px;
        min-height:178px;
        padding: 30px 10px 20px 10px;
    }

    .services-title i {
        margin-right:15px;
        font-size: 30px;
    }

    .services-box h4 {
        font-size: 15px;
        line-height: 20px;
    }


/*---------- AGENDA --------- */
    article.sw-agenda .icons {
        width: 60px;
        height: 60px;
        font-size: 35px;
        line-height:57px;
        margin-top: 22px;
    }

    article.sw-agenda .agenda-des {
        margin-left:70px;
    }
/*--------- BUTTON SHARE BERITA ------------- */
    .button-share {
      text-align:center;
      padding:12px 3px
    }

    .button-share > a {
      padding:18px 0 12px
    }

    .button-share i {
      margin-right: 0;
      font-size:20px;
      text-align: center;
      display: table;
      width: 100%;
    }

    .button-share span {
      font-size:14px
    }
    

 /*-------- SIDEBAR----------- */
    .sidebar-wrapper {
        padding-right: 0px;
        padding-left:0px;
    }



}

@media only screen and (min-width: 760px) and (max-width: 991px) {

/* ---------- TITLE ---------- */
    .area-title h2{
        font-size:25px;
    }

    .blog-container .sw-blog-title h3 {
        font-size:25px;
    }
/* ---------- ABOUTS --------- */
    .img-abouts {
       margin-top:50px; 
    }

    .sw-abouts-title h3 {
        font-size:25px;
        line-height: 30px;
    }

    .img-abouts .play-btn-content{
        position: absolute;
        top:20%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }


/* --------- SERVICE 2 ------- */
    .services-box-2 .icon img{
        height:150px;
    }

    .services-box-2 h4 {
      font-size:18px;
      line-height:25px;
      font-weight:500;
    }

/*---------- SERVICE --------- */
    .services-box {
        margin-bottom:30px;
        min-height:178px;
        padding: 30px 10px 20px 10px;
    }

    .services-title i {
        margin-right:15px;
        font-size: 30px;
    }

    .services-box h4 {
        font-size: 15px;
        line-height: 20px;
    }


/*---------- AGENDA --------- */
    article.sw-agenda .icons {
        width: 60px;
        height: 60px;
        font-size: 35px;
        line-height:57px;
        margin-top: 22px;
    }

    article.sw-agenda .agenda-des {
        margin-left:70px;
    }

    /*---------------- BLOG WIDTH --------------------------- */
    .blog-post{
        padding-bottom:0px;
    }

    .blog-post .post-thumb{
        width:250px;
        height: auto;
        margin: 0;
        background: #fff;
        overflow: hidden;
        padding:20px 20px 20px 0px;
        position: relative;
        float: left;
    }

    .blog-post .post-content{
        width:auto;
        padding:20px;
        margin-top:15px;
    }

    .blog-post .post-content .post-title{
        font-size:18px;
        margin-bottom: 10px;
    }

    .blog-post .post-content .meta {
        font-size: 13px;
        margin-bottom: 10px;
        padding-bottom:5px;
    }

    .blog-post .post-content .meta .meta-part {
        margin-right:10px;
    }

    .blog-post .post-content .meta .meta-part.views{
        display:none;
    }

    .blog-post .post-content p{
        display:none;
    }

    .pagination{
        margin-top: 30px;
        margin-bottom: 40px;
    }


/*---------- RELATED BLOG ---------------------- */
   article .sw-related-grid {
        margin-bottom:15px;
        position: relative;
        display: inline-flex;
    }

    article .sw-related-grid figure {
        position: relative;
        float: left;
    }

    article .sw-related-grid figure {
        width:130px;
        height: auto;
        margin: 0;
        padding-right:10px;
        background: #fff;
        overflow: hidden;
    }

    article .sw-related-grid .content {
        padding:2px 0px;
    }

/*--------- BUTTON SHARE BERITA ------------- */
    .button-share {
      text-align:center;
      padding:12px 3px
    }

    .button-share > a {
      padding:18px 0 12px
    }

    .button-share i {
      margin-right: 0;
      font-size:18px;
      text-align: center;
      display: table;
      width: 100%;
    }

    .button-share span {
      font-size:10px
    }

    /*-------- SIDEBAR----------- */
    .sidebar-wrapper {
        padding-right: 0px;
        padding-left:0px;
    }

/*-------------- SERVICE AREA ----------*/
    .service-area{
      padding:30px 0px;
    }

    .service-area ul{
      padding: 0px;
      margin:0px;
      position: relative;
      display:block;
    }

    .service-area li{
      list-style: none;
      font-size:17px;
      font-weight: 200;
      display: inline-block;
      padding:10px;
    }

    .service-area li i{
      margin-right:15px;
    }

/* -------- FOOTER -------------------------------*/
    footer .footer-widget {
        padding: 18px 0px;
        min-height: 330px;
    }

    .newsletter-block {
        padding: 30px 15px;
        height:290px;
        top: 0px;
    }

}

@media only screen and (max-width:760px){

/*------------- HEADER -----------------*/
    .social-header{
        display: none;
    } 

    header .header-top ul.contact-header {
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    .sw-container {
        padding:40px 0px 40px;
    }
/* ---------- TITLE ---------- */
    .area-title h2{
        font-size:25px;
    }

    .blog-container .sw-blog-title h3 {
        font-size:25px;
    }
/* ---------- ABOUTS --------- */
    .img-abouts {
       margin-top:0px; 
    }

    .sw-abouts-title h3 {
        font-size:25px;
        line-height: 30px;
    }

    .img-abouts .play-btn-content{
        position: absolute;
        top:10%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .play-btn {
        margin:55px auto;
    }
/* --------- SERVICE 2 ------- */
 

/*---------- SERVICE --------- */
    .services-box {
        margin-bottom:30px;
        min-height:100px;
        padding: 30px 15px 20px 15px;
    }

    .services-title i {
        margin-right:15px;
        font-size: 30px;
    }

    .services-box h4 {
        font-size: 15px;
        line-height: 20px;
    }

/*---------------- BLOG WIDTH --------------------------- */
    .blog-post{
        padding-bottom: 10px;
    }

    .blog-post .post-thumb{
        width:100%;
        height: auto;
        margin: 0;
        padding-right: 0px;
        background: #fff;
        overflow: hidden;
        padding:0px;
        position: relative;
    }

    .blog-post .post-content{
        width:auto;
        padding: 10px 0px 10px 0px;
    }

    .blog-post .post-content .post-title{
        font-size:15px;
        margin-bottom: 10px;
    }

    .blog-post .post-content .meta {
        font-size: 13px;
        margin-bottom: 10px;
        padding-bottom:5px;
    }

    .blog-post .post-content .meta .meta-part {
        margin-right:10px;
    }

    .blog-post .post-content .meta .meta-part.views{
        display:none;
    }

    .blog-post .post-content p{
        display:block;
    }

    .pagination{
        margin-top: 30px;
        margin-bottom: 40px;
    }

/*---------- SINGGLE BLOG --------------------- */
    article .singgle-article h1.title,
    article .singgle-article .entry_content h1.title{
      line-height: 30px;
    }


/*---------- RELATED BLOG ---------------------- */
   article .sw-related-grid {
        margin-bottom:15px;
        position: relative;
        display: inline-flex;
    }

    article .sw-related-grid figure {
        position: relative;
        float: left;
    }

    article .sw-related-grid figure {
        width:130px;
        height: auto;
        margin: 0;
        padding-right:10px;
        background: #fff;
        overflow: hidden;
    }

    article .sw-related-grid .content {
        padding:2px 0px;
    }

/*--------- BUTTON SHARE BERITA ------------- */
    .button-share {
      text-align:center;
      padding:12px 3px
    }

    .button-share > a {
      padding:18px 0 12px
    }

    .button-share i {
      margin-right: 0;
      font-size:18px;
      text-align: center;
      display: table;
      width: 100%;
    }

    .button-share span {
      font-size:10px
    }


    /*-------- SIDEBAR----------- */
    .sidebar-wrapper {
        padding-right: 0px;
        padding-left:0px;
    }


    /*-------- 404----------- */
    .not-found img{
        width:80%;
        margin:auto;
        margin-bottom: 30px;
    }


/*-------------- TABLE RESPONSIVE ------------*/
    .table-responsive {
        min-height: .01%;
        overflow-y: hidden;
        overflow-x:auto;
    }



/*-------------- SERVICE AREA ----------*/
    .service-area{
      padding:30px 0px;
    }

    .service-area ul{
      padding: 0px;
      margin:0px;
      position: relative;
      display:block;
    }

    .service-area li{
      list-style: none;
      font-size:17px;
      font-weight: 200;
      display: inline-block;
      padding:10px;
    }

    .service-area li i{
      margin-right:15px;
    }

    .service-area li:first-child{
      float:none;
    }


    .service-area li:last-child{
      float:none;
    }

/* -------- FOOTER -------------------------------*/
    footer .footer-widget {
        padding: 0px 0px;
        min-height: 10px;
        margin-bottom: 10px;
    }

    .newsletter-block {
        padding: 30px 15px;
        height:290px;
        top: 0px;
    }

    .copyright p {
        line-height:20px;
    }

    .sm-hidden{display: none;}
}