/* HEADER KEGIATAN  */
    #kegiatan-utama{
      padding: 30px 0px ;
      height: auto;
      background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(241, 39, 17), rgb(245, 175, 25)) repeat scroll 0% 0%;  
    }

    #dekor-atas-kegiatan {
        position: absolute;
        margin-top: -30px;
        height: 500px;
        width: 1550px;
    }
    #dekor-kegiatan{
       position: absolute;
      margin-top: -90px;
      height: 80px;
      width: 150px;
      margin-left: -90px;
    }
    #kegiatan-utama-title{
      color: white;
      padding-bottom: 0px;
      font-size: 16px;
      text-align:center;
    }
    #kegiatan-utama-title img{
       height: 240px;
       width: 500px;
       margin-left: 0px;
    }
    #box-img{
      margin: 0px;
      margin-top: 30px;
    }
    #main-img{
      padding: 0px;
      margin-left: 170px;
      border: 5px solid white;
      cursor: pointer;
    }
    #main-img img{
      height:400px; 
      width:670px; 
      padding: 0px;
    }
    #box-side-img{
      padding: 0px;
    }
    #side-top{
      padding: 0px;
      border-right: 5px solid white;
      border-bottom: 2px solid white;
      border-top: 4px solid white;
    }
    #side-bottom{
      padding: 0px;
      border-right: 5px solid white;
      border-bottom: 4px solid white;
      border-top: 0px solid white;
    }
    .side-img{
      cursor: pointer;
    }
    .side-img img{
      height:200px; 
      width:500px; 
      padding:0px;
    }
    .boxgrid{
      position: relative;
    }
    .boxcaption {
      position: absolute;
      z-index: 10;
      background: #000;
      background: rgba(0, 0, 0, 0.7);
      width: 100%;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0px;
      cursor: pointer;
      height: 25%;
      display: block;
      bottom: 0px; 
      font-size: 12px;
    }
    .thumb-info > h2{
        position: absolute;
        top: 10%;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
    }
    .thumb-info > p{
        position: absolute;
        top: 60%;
        color: white;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .thumb-side-info p { 
      position: absolute;
      left: 50%;
      font-size: 10px;
      font-weight:300;
      color: white;
      transform: translate(-50%, 120%);
    }
    .thumb-side-info h2 { 
      position: absolute;
      left: 50%;
      color: white;
      font-weight:300;
      font-size: 14px;
      transform: translate(-50%, 90%);
      margin:0;
    }
    
    
    
  /*END HEADER KEGIATAN*/


  /* DETAIL KEGIATAN */
    #kegiatan{
      background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(241, 39, 17), rgb(245, 175, 25)) repeat scroll 0% 0%;
      padding: 90px 0px 200px 0px;
    }
    .box-kegiatan{
      padding: 0px;
      position: relative;
       display: -ms-flexbox;
       display: flex;
      margin-left: 8.5%;
      margin-bottom: 80px;
    }
  
    .box-kegiatan > nav{
      text-align: center;  
    }
    .box-item{
      padding:0px;margin: 0px;display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background: #fff;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      z-index: 2;
    }
    .box-item:hover{
      background: black;
      opacity: 0.9;
    }
    .media-item {
      position: relative;
      overflow: hidden;
      z-index: 2;
    }
    
    .media-item img {
      width: auto;
      max-width: 100%;
      height: auto;
    }
    .media-links {
      text-align: center;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent !important;
      cursor: pointer;
    }

    .media-links a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
    }
    .media-links:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(31, 35, 43, 0.6);
      filter: alpha(opacity=0);
      opacity: 0;
      transition: all 0.2s linear;
    }

    .content-box{
      background-color: white;
      font-size: 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0px;
      padding: 0px;
    }
    
    .content-item{
      padding: 35px 40px;
    }
    .content-header{
      margin-bottom: 20px;
    }
    .content-header > h3 > a:hover {
      color:black !important;
      text-decoration: none;
      transition: color 0.5s ease-out;
    }

    .content-meta {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500;
      font-family: 'Ubuntu', sans-serif;
      line-height: 1.5em;
      position: relative;
      margin-left: -5px;
      vertical-align: middle;
    }
    .content-meta .fa{
      font-size: 12px;
      color: #e85242;
      margin-left: 5px;
      width: auto;
      border-color: #e85242;
    }

    .content-meta .fa .fa-map-marker{
      margin-left: 
    }
    .content-title{
      cursor: pointer;
      margin:0;
    }
    .content-title a{
      font-weight: 400;
      color: #e85242;
    }

    #view-more{
      padding:0px;
    }
    .bbtn{
      color: #fff !important;
      background: radial-gradient(circle at .15% 5.64%,#f16530,transparent 100%),radial-gradient(circle at 99.93% 90.91%,#db4949,transparent 100%),radial-gradient(circle at 50% 50%,#ff642b,#ff642b 100%) !important;
      text-align: center;
      letter-spacing: .5px;
      border-radius: 50px;
      font-weight: 500;
      padding: 10px 20px;
      text-decoration: none !important;
      height: auto;
      border-bottom: : 1px solid #ccc;
      transition: box-shadow .3s;
      -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.18),0 0 0 0 rgba(0,0,0,.15);
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.18),0 0 0 0 rgba(0,0,0,.15);
      box-shadow: 0 0 0 0 rgba(0,0,0,.18),0 0 0 0 rgba(0,0,0,.15);
      transition: .2s ease-out;
      float: right;
      cursor: pointer;
      line-height: normal;
    }

    .bbtn:hover{
      box-shadow: 0 0 0 5px rgba(0,0,0,.18),0 0 0 0 rgba(0,0,0,.15);
    }

    /* END DETAIL KEGIATAN */

    /* PAGINATION */
    #nav-paging{
      text-align:center;
    }

    .pagination {
      display: inline-block;
      margin-top: 0;
      margin-bottom: -10px;
      line-height: 0;
      padding: 0;
      border-radius: 0;
    }

    .pagination > li {
      display: inline-block;
    }

    .pagination > li:last-child {
      margin-right: 0;
    }

    .pagination > li > a,
    .pagination > li > span {
      text-align: center;
      padding: 0;
      border: none;
      color: #787878;
      border: 1px solid #e4e4e4;
      margin-left: 0;
      min-width: 40px;
      height: 40px;
      font-size: 14px;
      border-radius: 10px;
      line-height: 38px;
      font-weight: 700;
      text-transform: uppercase;
      z-index: 20;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-radius: 10px;
    }

    @media (min-width: 1200px) {
      .pagination > li > a,
      .pagination > li > span {
        min-width: 60px;
        height: 60px;
        line-height: 58px;
      }

      .pagination > li {
        margin: 2px;
      }
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus,
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
      background: #e85242;
      border-color: #e85242;
      color: #ffffff;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > span,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > span:focus {
      opacity: 0.5;
    }

    /* END PAGINATION */
    
    
      /*[ Responsive ]*/

@media (max-width: 576px) {

} 



/* lg */ 
@media (min-width: 1200px) {
  

}

@media (min-width: 1115px) and (max-width: 1223px) {


}

@media (min-width: 991px) and (max-width: 1114px) {

}


/* md */
/*
@media (min-width: 992px) and (max-width: 1199px) {
  #dekor-left-about{
    width:400px;
    height:293px;
    left:0px;
    margin-top: -95px;
    position: absolute;
  }

  #dekor-right-about{
    position: absolute; 
    width:400px;
    height:293px;
    right: 0;
    margin-top: -97px;
  }

  #dekor-atas-program{
    position: absolute;
    margin-top: -90px;
    height: 1136px;
    width: 1350px;
  }
}*/

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 887px) {

}
/* xs */
@media (max-width: 767px) {

}

/* XS Portrait */
@media (max-width: 479px) {


}






   @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1530px){
        
      
   }

   @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1366px){
       
      
 }


 @media screen and (-webkit-min-device-pixel-ratio:0) and (height: 702px) and (max-width: 1366px){
 
}

/* tanvir */
 @media screen and (-webkit-min-device-pixel-ratio:0) and ( max-width: 1350px ) { 
           
           
        }  


 @media screen and (-webkit-min-device-pixel-ratio:0)  and ( max-width: 1350px ) and (max-height: 650px){ 

    

 }


/* mukul 1295 722*/
   @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1300px){ 
       
     
        }
 }       
    

@media (min-width: 1050px) and (max-width: 1200px){
 

}

  
/* ipad landscape */
  @media (max-width: 1024px){


        
        }


        @media (max-width: 991px) {
            
        }

    
   
/* ipad */
    @media (min-width: 768px) and (max-width: 770px){


        }


            /* ipad */
@media (max-width: 770px){


        }

        @media (min-width: 720px) and (max-width: 735px){


        }


    /* iphone 6+ landscape */
        @media screen and (min-device-width : 414px) 
            and (-webkit-device-pixel-ratio: 3){

           
       
    }


    /* iphone 6 landscape */
        @media only screen and (max-device-width: 667px) 
            and (-webkit-device-pixel-ratio: 2) {

       
       
         }




        @media (max-width: 640px){
  
        
      
       
        }

/*
@media (min-width: 552px) and (max-width: 552px){

.global_bx .global_overlay_cont h2 {
    padding: 0 14px;
    font-size: 36px !important;
}


}*/



    /* iphone 5 landscape */
        @media (min-width: 568px) and (max-width: 568px){
       
  
        

        }

            /* iphone 4 landscape */
        @media (min-width: 480px) and (max-width: 480px){

        }


            /* resposnive mobiles */
        @media (max-width: 479px){
          #dekor-atas-kegiatan {
              position: absolute;
              margin-top: -30px;
              height: 200px;
              width: 1550px;
          }
          #kegiatan-utama-title img {
            height: 90px;
            width: 200px;
            margin-left: 0px;
          }

          #kegiatan-utama-title{
            font-size: 9px;
          }

          #main-img {
            margin-left: 45px;
            border: 2px solid white;
            /*width: 55%;*/
            float: left;
          }
          #main-img img {
            height: 150px;
            width: 230px;
            padding: 0px;
          }

          .boxcaption {
            position: absolute;
            z-index: 10;
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0px;
            cursor: pointer;
            height: 25%;
            display: none;
            bottom: 0px;
            font-size: 10px;
          }

          .thumb-info > h2 {
            position: absolute;
            top: -20%;
            left: 50%;
            color: white;
            transform: translate(-50%, -50%);
            font-size: 10px;
          }
          .thumb-side-info h2 {
              font-weight: 300;
              font-size: 8px;
              transform: translate(-50%, 60%);
              margin: 0;
          }
          .thumb-side-info p {
            left: 50%;
            font-size: 7px;
            top: -75%;
          }


          #box-side-img {
            padding: 0px;
            /*width: 35%;*/
            float: left;
          }
          #side-top {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 2px solid white;
          }
          #side-bottom {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 0px solid white;
          }
          .side-img img {
            height: 74px;
            width: 150px;
            padding: 0px;
          }

          #kegiatan {
            padding: 20px 0px 95px;
          }
          .box-kegiatan {
            padding: 0px;
            margin-left: 2%;
            width: 96%;
            float: left;
            margin-bottom: 20px;
          }

          .box-item {
              padding: 0px;
              margin: 0px;
              width: 60%;
              float: left;
          }
          .media-item img {
              width: auto;
              max-width: 100%;
              height: 130px;
          }
          .content-box {
            font-size: 8px;
            margin: 0px;
            padding: 0px;
            width: 90%;
            float: left;
          }
          .content-item {
            padding: 5px 10px;
          }
          .content-header {
            margin-bottom: 5px;
          }
          .content-meta {
              font-size: 8px;
              font-weight: 500;
              line-height: 1.5em;
              margin-left: -5px;
          }

          .content-meta .fa {
              font-size: 10px;
              color: #e85242;
              margin-left: 5px;
              width: auto;
              border-color: #e85242;
              width: 10px !important;
          }
          .content-title {
              margin: 0;
              font-size: 12px;
          }
          .content-title a {
              font-weight: 400;
              color: #e85242;
          }
          .content-item p {
              margin: 0 0 10px;
              line-height: 10px;
          }

          #view-more {
              padding: 0px;
              float: left;
              width: 100%;
          }

          .bbtn {
              
              letter-spacing: .5px;
              border-radius: 50px;
              font-weight: 200;
              padding: 5px 10px;
              height: auto;
              border-bottom: : 1px solid #ccc;
              float: right;
              line-height: normal;
              padding-bottom: -10px;
          }

          #top-footer {
              position: absolute;
              height: 70px;
              width: 1550px;
              margin-top: -70px;
          }
       
        
        }


           /* iphone 6+ */
        @media (max-width: 420px){
          #dekor-atas-kegiatan {
              position: absolute;
              margin-top: -30px;
              height: 200px;
              width: 1550px;
          }
          #kegiatan-utama-title img {
            height: 90px;
            width: 200px;
            margin-left: 0px;
          }

          #kegiatan-utama-title{
            font-size: 7px;
          }

          #main-img {
            margin-left: 20px;
            border: 2px solid white;
            width: 55%;
            float: left;
          }
          #main-img img {
            height: 150px;
            width: 230px;
            padding: 0px;
          }

          .boxcaption {
            position: absolute;
            z-index: 10;
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0px;
            cursor: pointer;
            height: 30%;
            display: block;
            bottom: 0px;
          }

          .thumb-info > h2 {
            position: absolute;
            top: -20%;
            left: 50%;
            color: white;
            transform: translate(-50%, 0%);
            font-size: 10px;
          }
          .thumb-side-info h2 {
              font-weight: 300;
              font-size: 6px;
              transform: translate(-50%, 70%);
              margin: 0;
          }
          .thumb-side-info p {
            left: 50%;
            font-size: 7px;
            top: -75%;
          }


          #box-side-img {
            padding: 0px;
            width: 35%;
            float: left;
          }
          #side-top {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 2px solid white;
          }
          #side-bottom {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 0px solid white;
          }
          .side-img img {
            height: 74px;
            width: 150px;
            padding: 0px;
          }

          #kegiatan {
            padding: 20px 0px 95px;
          }
          .box-kegiatan {
            padding: 0px;
            margin-left: 2%;
            width: 96%;
            float: left;
            margin-bottom: 20px;
          }

          .box-item {
              padding: 0px;
              margin: 0px;
              width: 60%;
              float: left;
          }
          .media-item img {
              width: auto;
              max-width: 100%;
              height: 130px;
          }
          .content-box {
            font-size: 8px;
            margin: 0px;
            padding: 0px;
            width: 90%;
            float: left;
          }
          .content-item {
            padding: 5px 10px;
          }
          .content-header {
            margin-bottom: 5px;
          }
          .content-meta {
              font-size: 8px;
              font-weight: 500;
              line-height: 1.5em;
              margin-left: -5px;
          }

          .content-meta .fa {
              font-size: 10px;
              color: #e85242;
              margin-left: 5px;
              width: auto;
              border-color: #e85242;
              width: 10px !important;
          }
          .content-title {
              margin: 0;
              font-size: 12px;
          }
          .content-title a {
              font-weight: 400;
              color: #e85242;
          }
          .content-item p {
              margin: 0 0 10px;
              line-height: 10px;
          }

          #view-more {
              padding: 0px;
              float: left;
              width: 100%;
          }

          .bbtn {
              
              letter-spacing: .5px;
              border-radius: 50px;
              font-weight: 200;
              padding: 5px 10px;
              height: auto;
              border-bottom: : 1px solid #ccc;
              float: right;
              line-height: normal;
              padding-bottom: -10px;
          }

          #top-footer {
              position: absolute;
              height: 70px;
              width: 1550px;
              margin-top: -70px;
          }
        
        } 


        /* iphone 6 */
        @media (max-width: 375px){

          #dekor-atas-kegiatan {
              position: absolute;
              margin-top: -30px;
              height: 200px;
              width: 1550px;
          }
          #kegiatan-utama-title img {
            height: 90px;
            width: 200px;
            margin-left: 0px;
          }

          #kegiatan-utama-title{
            font-size: 7px;
          }

          #main-img {
            margin-left: 20px;
            border: 2px solid white;
            width: 55%;
            float: left;
          }
          #main-img img {
            height: 150px;
            width: 230px;
            padding: 0px;
          }

          .boxcaption {
            position: absolute;
            z-index: 10;
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0px;
            cursor: pointer;
            height: 30%;
            display: block;
            bottom: 0px;
          }

          .thumb-info > h2 {
            position: absolute;
            top: -20%;
            left: 50%;
            color: white;
            transform: translate(-50%, 0%);
            font-size: 10px;
          }
          .thumb-side-info h2 {
              font-weight: 300;
              font-size: 6px;
              transform: translate(-50%, 70%);
              margin: 0;
          }
          .thumb-side-info p {
            left: 50%;
            font-size: 7px;
            top: -75%;
          }


          #box-side-img {
            padding: 0px;
            width: 35%;
            float: left;
          }
          #side-top {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 2px solid white;
          }
          #side-bottom {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 0px solid white;
          }
          .side-img img {
            height: 74px;
            width: 150px;
            padding: 0px;
          }

          #kegiatan {
            padding: 20px 0px 95px;
          }
          .box-kegiatan {
            padding: 0px;
            margin-left: 2%;
            width: 96%;
            float: left;
            margin-bottom: 20px;
          }

          .box-item {
              padding: 0px;
              margin: 0px;
              width: 60%;
              float: left;
          }
          .media-item img {
              width: auto;
              max-width: 100%;
              height: 130px;
          }
          .content-box {
            font-size: 8px;
            margin: 0px;
            padding: 0px;
            width: 90%;
            float: left;
          }
          .content-item {
            padding: 5px 10px;
          }
          .content-header {
            margin-bottom: 5px;
          }
          .content-meta {
              font-size: 8px;
              font-weight: 500;
              line-height: 1.5em;
              margin-left: -5px;
          }

          .content-meta .fa {
              font-size: 10px;
              color: #e85242;
              margin-left: 5px;
              width: auto;
              border-color: #e85242;
              width: 10px !important;
          }
          .content-title {
              margin: 0;
              font-size: 12px;
          }
          .content-title a {
              font-weight: 400;
              color: #e85242;
          }
          .content-item p {
              margin: 0 0 10px;
              line-height: 10px;
          }

          #view-more {
              padding: 0px;
              float: left;
              width: 100%;
          }

          .bbtn {
              
              letter-spacing: .5px;
              border-radius: 50px;
              font-weight: 200;
              padding: 5px 10px;
              height: auto;
              border-bottom: : 1px solid #ccc;
              float: right;
              line-height: normal;
              padding-bottom: -10px;
          }

          #top-footer {
              position: absolute;
              height: 70px;
              width: 1550px;
              margin-top: -70px;
          }
        }

        /* android phones */
        @media (max-width: 360px){
          #dekor-atas-kegiatan {
              position: absolute;
              margin-top: -30px;
              height: 200px;
              width: 1550px;
          }
          #kegiatan-utama-title img {
            height: 90px;
            width: 200px;
            margin-left: 0px;
          }

          #kegiatan-utama-title{
            font-size: 7px;
          }

          #main-img {
            margin-left: 20px;
            border: 2px solid white;
            width: 55%;
            float: left;
          }
          #main-img img {
            height: 150px;
            width: 230px;
            padding: 0px;
          }

          .boxcaption {
            position: absolute;
            z-index: 10;
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0px;
            cursor: pointer;
            height: 30%;
            display: block;
            bottom: 0px;
          }

          .thumb-info > h2 {
            position: absolute;
            top: -20%;
            left: 50%;
            color: white;
            transform: translate(-50%, 0%);
            font-size: 10px;
            font-weight: bold;
          }
          .thumb-side-info h2 {
              font-weight: bold;
              font-size: 6px;
              transform: translate(-50%, 70%);
              margin: 0;
          }
          .thumb-side-info p {
            left: 50%;
            font-size: 7px;
            top: -75%;
          }


          #box-side-img {
            padding: 0px;
            width: 35%;
            float: left;
          }
          #side-top {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 2px solid white;
          }
          #side-bottom {
            padding: 0px;
            border-right: 2px solid white;
            border-bottom: 2px solid white;
            border-top: 0px solid white;
          }
          .side-img img {
            height: 74px;
            width: 150px;
            padding: 0px;
          }

          #kegiatan {
            padding: 20px 0px 95px;
          }
          .box-kegiatan {
            padding: 0px;
            margin-left: 2%;
            width: 96%;
            float: left;
            margin-bottom: 20px;
          }

          .box-item {
              padding: 0px;
              margin: 0px;
              width: 60%;
              float: left;
          }
          .media-item img {
              width: auto;
              max-width: 100%;
              height: 130px;
          }
          .content-box {
            font-size: 8px;
            margin: 0px;
            padding: 0px;
            width: 90%;
            float: left;
          }
          .content-item {
            padding: 5px 10px;
          }
          .content-header {
            margin-bottom: 5px;
          }
          .content-meta {
              font-size: 8px;
              font-weight: 500;
              line-height: 1.5em;
              margin-left: -5px;
          }

          .content-meta .fa {
              font-size: 10px;
              color: #e85242;
              margin-left: 5px;
              width: auto;
              border-color: #e85242;
              width: 10px !important;
          }
          .content-title {
              margin: 0;
              font-size: 12px;
          }
          .content-title a {
              font-weight: 400;
              color: #e85242;
          }
          .content-item p {
              margin: 0 0 10px;
              line-height: 10px;
          }

          #view-more {
              padding: 0px;
              float: left;
              width: 100%;
          }

          .bbtn {
              
              letter-spacing: .5px;
              border-radius: 50px;
              font-weight: bold;
              padding: 5px 10px;
              height: auto;
              border-bottom: : 1px solid #ccc;
              float: right;
              line-height: normal;
              padding-bottom: -10px;
          }

          #top-footer {
              position: absolute;
              height: 70px;
              width: 1550px;
              margin-top: -70px;
          }

        }



    /* iphone 5 */
        @media (max-width: 320px){
        
        
        }