@media screen and (max-width: 768px) {
  .text-center-m{ text-align: center !important; }
  .no-padding-m{padding: 0px !important;}
  .section { padding: 1rem 0 !important;}
  .container, .container-fluid, .container-mb, .container-sm, .container-md, .container-lg, .container-xl{
    padding-right: 5px !important;padding-left: 5px !important;
  }
  .banner-donatur-lg{ display: none !important;  }
  .banner-donatur-sm{ display: block !important;  }
  #is-action-detail-campaign-mobile{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #E9E9E9;
    z-index: 99;
  }
  #mobile-search{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: #056a09;
    z-index: 9;
    margin: 0px !important;
  }
  .head-item{margin-bottom: 0.5rem !important; padding: 0px !important;}
  .header-lg{ display: none !important;  }
  .header-sm{ display: block; }
  #is-main-header{ padding-top:0px !important; }
  #content-banner, #content-campaign, #content-story, #main-detail-campaign, #campaign-donasi, #payment-information, #status-donasi, #content-institution{
    padding-left: 0px !important;padding-right: 0px !important;
  }
  .box-card-cover-campaign .box-img {
    height: 260px !important;
  }
  #category-campaign::-webkit-scrollbar {display: none !important;}
  #area-category-campaign{ margin-top:1rem !important;padding:0px !Important;  }
  #category-campaign{
    text-align: left !important;
    overflow: auto;
    width: 100%;
    display: flex;
  }
  #category-campaign a{
    width: auto;
    padding: 0px 0px !important;
    height: 35px !important;
  }
  .is-pagination-slide-item.left, .is-pagination-slide-item.right{
    display: none !important;
  }
  #footer{
    padding: 0px 15px !important;
  }
  .fixed-donasi-content-action{
    position: relative !important;
    right: 0 !important;
    max-width: 100% !important;
  }
  .fixed-menu-detail-campaign {
    top: 60px !important;
    width: 100% !important;
    left: 0 !important;
    text-align: center !important;
  }
  .content-detail-campaign, #content-main-detail-campaign{
    padding: 0px 10px !important;
  }
  #content-institution #campaign-institution #list-campaign .is-item-campaign{
    padding-left: 0px !important;padding-right: 0px !important;
  }
   
/*=============== END LINE MOBILE DEVICE =====================*/
}