body {
    background:#ededed;
  }
  .csr-wrapper {
    padding-top: 60px;
  }
  .csr-wrapper .post-title h1, .csr-wrapper .post-title h2 {
    color: #535353;
  }

  .col-md-4{
    padding-bottom: 30px;
  }
  .tab_link {
    border: none; outline: none;color:#fff;  cursor: pointer;  padding: 2px 5px;   font-size: 17px;  margin: 6.6px; float:left;
  }
  .tab_link:hover {
    cursor:pointer;
  }
  .tab_content {
	text-align:left; color: white;   display: none;padding: 10px 20px;  height: 100%;
  }
  .tab_csr_header{
    padding-top: 10px; 
    text-align:center; 
    position: fixed; 
    background:rgba(0,0,0,0.0); 
    left:0; 
    width: 100%; 
    z-index: 100;
    transition: all .15s ease;
  }
  .tab_csr_header.cssStickyTab{
    background:rgba(0,0,0,0.7); 
  }
  .tab_csr_header.cssStickyTabMobile{
    background:rgba(0,0,0,0.7); 
  }
  .single_csr.tab_csr_header {
  background:rgba(0,0,0,0.7); 
  }
  .tab_container{margin:auto;max-width:1200px;}
  .csr_icon{
	display: inline; width: 50px;
  }
  .inline{
	display: inline;
  }
  .tab_active{
	margin: 6.6px 6.6px -6.6px 6.6px !important; background:red;
  }
  .csr_tab1, .csr_tab2, .csr_tab3, .csr_tab4, .csr_tab5{ background: #999; }
  .csr_tab1:hover{ background: #BEE000;}
  .csr_tab2:hover{ background: #1999a0;}
  .csr_tab3:hover{ background: #ccc257;}
  .csr_tab4:hover{ background: #57b98c;}
  .csr_tab5:hover{ background: #99c874;}

  #csr_tab1 {
  background: #BEE000;
  }
  #csr_tab2 {
  background: #1999a0;
  }
  #csr_tab3 {
  background: #ccc257;
  }
  #csr_tab4 {
  background: #57b98c;
  }
  #csr_tab5 {
  background: #99c874;
  }


  #csr_tab1 h4{
	color:#bee000 ;
  }
  #csr_tab2 h4{
	color:#1999a0 ;
  }
  #csr_tab3 h4{
	color:#ccc257 ;
  }
  #csr_tab4 h4{
	color:#57b98c ;
  }
  #csr_tab5 h4{
	color:#99c874 ;
  }
  #csr_tab1 hr, #csr_tab2 hr, #csr_tab3 hr, #csr_tab4 hr, #csr_tab5 hr{
    width: 50px; margin-top:-10px; float:left;
  }
   #csr_tab1 hr{
	 border-bottom: 1px solid #BEE000;
  }
  #csr_tab2 hr{
	 border-bottom: 1px solid #1999a0;
  }
   #csr_tab3 hr{
	 border-bottom: 1px solid #ccc257;
  }
   #csr_tab4 hr{
	 border-bottom: 1px solid #57b98c;
  }
   #csr_tab5 hr{
	 border-bottom: 1px solid #99c874;
  }
  .tab_content p{
	color: #777777; line-height: 1.5 !important;
  }
  .left{
	float:left !important;  text-align: left;
  }
   .csr_right{
	float:right !important; text-align: right; margin-right:30px;
  }
  .csr_tab .jssocials-share-pinterest, .csr_tab .jssocials-share-messenger{
	display: none; 
  }
  .csr_item{
	background: #fff; padding: 20px; margin-top: 50px;
  }
  #csr_tab1 .csr_item{
	border: 1px solid #96c11f;
  }
  #csr_tab2 .csr_item{
	border: 1px solid #1999a0;
  }
  #csr_tab3 .csr_item{
	border: 1px solid #ccc257;
  }
  #csr_tab4 .csr_item{
	border: 1px solid #57b98c;
  }
  #csr_tab5 .csr_item{
	border: 1px solid #99c874;
  }
  .csr_title{
	display:inline; white-space: nowrap;
  }
  .active_tab{
  margin-top: 15px !important;
  background-color: rgb(150, 193, 31);
  }



  .active_tab{
  background-color: rgb(150, 193, 31);
  }
  .csr_tab2.active_tab{
  background-color: rgb(25, 153, 160);
  }
  .csr_tab3.active_tab{
  background-color: rgb(204, 194, 87);
  }
  .csr_tab4.active_tab{
  background-color: rgb(87, 185, 140);
  }
  .csr_tab5.active_tab{
  background-color: rgb(153, 200, 116);
  }
  
  .readmore_footer{
	 bottom: -170px; left: 0; right: 0;   
  }
  .readmore_footer .jssocials-shares{
		margin: 0.8em 0;
	  }
  .csrHeaderBanner{
    width: 100%;
    height: 500px;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .csrPostWrapper {
    padding-top: 450px;
  }

.csrHeaderBanner .CSRBannerinfoBox{
  position: absolute;
  top: 40%;
  left: 0%;
  padding: 30px;
  width: 100%;
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory{
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 30px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  clear: both;
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory.tourism, .csrHeaderBanner .CSRBannerinfoBox .CSRCategory.ទេសចរណ៍{
  background-color: rgb(150, 193, 31);
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory.health, .csrHeaderBanner .CSRBannerinfoBox .CSRCategory.សុខភាព{
  background-color: rgb(25, 153, 160);
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory.education, .csrHeaderBanner .CSRBannerinfoBox .CSRCategory.ការអប់រំ{
  background-color: rgb(204, 194, 87);
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory.environment, .csrHeaderBanner .CSRBannerinfoBox .CSRCategory.បរិស្ថាន{
  background-color: rgb(87, 185, 140);
}
.csrHeaderBanner .CSRBannerinfoBox .CSRCategory.charities, .csrHeaderBanner .CSRBannerinfoBox .CSRCategory.សប្បុរសធម៌{
  background-color: rgb(153, 200, 116);
}

.csrHeaderBanner .CSRBannerinfoBox .title{
    padding-left: 30px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    padding-right: 30px;
    clear: both;
    display: inline-block;
    text-transform: uppercase;
}
.CSRpost-category{
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  clear: both;
  display: inline-block;
  border-bottom: 1px solid #eeeeee;
}
.CSRpost-category.tourism, .CSRpost-category.ទេសចរណ៍{
  color: rgb(150, 193, 31);
  border-bottom: 1px solid rgb(150, 193, 31);
}
.CSRpost-category.health, .CSRpost-category.សុខភាព{
  color: rgb(25, 153, 160);
  border-bottom: 1px solid rgb(25, 153, 160);
}
.CSRpost-category.education, .CSRpost-category.ការអប់រំ{
  color: rgb(204, 194, 87);
  border-bottom: 1px solid rgb(204, 194, 87);
}
.CSRpost-category.environment, .CSRpost-category.បរិស្ថាន{
  color: rgb(87, 185, 140);
  border-bottom: 1px solid rgb(87, 185, 140);
}
.CSRpost-category.charities, .CSRpost-category.សប្បុរសធម៌{
  color: rgb(153, 200, 116);
  border-bottom: 1px solid rgb(153, 200, 116);
}
.CSRListing .post_date{

}

.sh-sticky-header-active:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a {
    padding-top: 16px;
    padding-bottom: 16px;
}
.sh-nav > .menu-item > .sub-menu {
    margin-left: -12px;
}
  @media screen and (min-width: 767px) {
	 .csr_tab{margin-top:60px;}
	  .tab_csr_header{
      top:77px;
    }
    .tab_csr_header.cssStickyTab{
      top:71px;
    }
    .admin-bar .tab_csr_header{
      top:109px;
    }
    .admin-bar .tab_csr_header.cssStickyTab{
      top:104px;
    }

	  .tab_link{
		width: 18.6%;  margin-right: 1%;
	  }
	  .tab_link:nth-child(5){
		margin-right: 0;
	  }
	  .readmore_footer{
		position: absolute; bottom:-60px; 
	  }
	  .tab_content{
		margin-top: -68px;
	 }
	.CSRListing .post-content {
	    font-size: 16px;
	    line-height: 18px;
	}
  }
  @media screen and (max-width: 767px) {
	.tab_csr_header{top:0}
	 .tab_content{
		margin-top: -63px;
	 }
	  #csr_tab1 h4, #csr_tab2 h4, #csr_tab3 h4, #csr_tab4 h4, #csr_tab5 h4{
		margin-top:20px;
	  }
	.tab_link{
    margin: 0px;
    font-size: 15px !important;
    width: 18% !important;
    margin-left: 1%;
    margin-right: 1% !important;
    margin-top: 0%;
    margin-bottom: 0%;
    display: block !important;
    float: left !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    padding-bottom: 0px !important;
	  }
    .active_tab {
      margin-top: 10px !important;
    }
	  .csr_title{
		display:none;
	  }
	  .readmore_footer{
		margin: 10px -30px 0 -10px;
	  }
    
    #csr_tab1 img {
        margin-top: 0px;
    }
    
    #csr_tab2 img {
        margin-top: 0px;
    }
    
    #csr_tab3 img {
        margin-top: 0px;
    }
    
    #csr_tab4 img {
        margin-top: 0px;
    }
    
    #csr_tab5 img {
        margin-top: 0px;
    }
  .csrPostWrapper {
    padding-top: 350px;
}
  .csrHeaderBanner{
    height: 350px;
  }
.csrHeaderBanner .CSRBannerinfoBox{
    top: auto;
    bottom: 0px;
    height: min-content;
    overflow: hidden;
    box-sizing: initial;
    width: auto;
}
	.csrHeaderBanner .CSRBannerinfoBox .CSRCategory{
	  padding-top: 5px;
	  padding-left: 20px;
	  padding-right: 30px;
	  padding-bottom: 5px;
	  font-size: 14px;
	}

	.csrHeaderBanner .CSRBannerinfoBox .title{
	    font-size: 24px;
	    clear: both;
	}
	.CSRListing .post-content {
	    font-size: 16px;
	}
	.CSRListing .aio-icon {
	    margin-top: 1px;
	}
	article .CSRListing .post-title h2 {
	    width: 100%;
	    height: auto;
	}
}
@media screen and (max-width: 2500px) {
  .csrHeaderBanner{
    width: 100%;
    height: 900px;
  }
  .csrPostWrapper {
    padding-top: 880px;
  }
  .CSRListing .jssocials-shares {
	display: block;
    margin-top: -33px;
    width: 65%;
    float: right;
  }
  .CSRListing .post-content-share .jssocials-share-link {
      width: 35px;
      height: 35px;
  }
  .CSRListing .post-content-share .jssocials-share {
      width: 35px;
      height: 35px;
  }
}
@media screen and (max-width: 1366px) {
  .csrHeaderBanner{
    width: 100%;
    height: 700px;
  }
  .csrPostWrapper {
    padding-top: 680px;
  }
}

@media screen and (max-width: 1111px) {
  .active_tab {
      margin-top: 15px;
  }
  .csr-wrapper {
    padding-top: 60px;
  }
  .tab_container {
      padding-bottom: 6px;
  }
  .tab_link {
    width: 18%;
    margin-right: 1%;
    margin-left: 1%;
    /* display: initial; */
    /* float: initial; */
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.95em;
  }
  .csr_icon {
      display: inline;
      width: 40px;
  }
  .CSRListing .post-content-share .jssocials-share-link {
      width: 30px;
      height: 30px;
  }
  .CSRListing .post-content-share .jssocials-share {
      width: 30px;
      height: 30px;
  }
}


@media screen and (max-width: 1025px) {
  .tab_csr_header {
    top: -30px;
    position: absolute;
  }
  .single_csr.tab_csr_header {
  top: 0px;
  background:rgba(0,0,0,0.7); 
  }
  .tab_csr_header.cssStickyTab {
      top: -30px;
      position: absolute;
  }
  .tab_csr_header.cssStickyTabMobile {
    top: 0px;
    position: fixed;
  }
  .admin-bar .tab_csr_header {
      top: -30px;
  }
  .admin-bar .tab_csr_header.cssStickyTab {
      top: -30px;
  }
  .admin-bar .tab_csr_header.cssStickyTabMobile {
      top: 32px;
      position: fixed;
  }
  .csrHeaderBanner{
    width: 100%;
    height: 500px;
  }
  .csrPostWrapper {
    padding-top: 500px;
  }
}




  @media screen and (max-width: 768px) {
    .admin-bar .tab_csr_header.cssStickyTabMobile {
      top: 0px;
      position: fixed;
    }
    .csrPostWrapper .flip-card {
    min-height: auto !important;
    }
    .csr-wrapper {
    padding-top: 40px;
    }
  }


  @media screen and (max-width: 476px) {
    .tab_csr_header {
        top: -30px;
    }
    .single_csr.tab_csr_header {
    top: 0px;
    background:rgba(0,0,0,0.7); 
    }

  }