@font-face {                                                  
    font-family:'Padauk';                                                 
    src:local('Padauk'), url('/wp-content/themes/chm/fonts/mon3.woff') format('woff'), url('/wp-content/themes/chm/fonts/mon3.ttf') format('ttf');                                                  
}                                                 
                                                  
@font-face {
    font-family:'Myanmar3';
    src:local('Myanmar3'),url('/wp-content/themes/chm/fonts/myanmar3.ttf');
}                                               
@font-face {                                                  
    font-family:'Pyidaungsu';                                                 
    src:local('Pyidaungsu'), url('/wp-content/themes/chm/fonts/pyidaungsu.woff') format('woff'), url('/wp-content/themes/chm/fonts/pyidaungsu.ttf') format('ttf');                                                  
}                                                 
                                                  
                                              
                                                  
body{                                                 
    background-image: url('/wp-content/themes/chm/img/bg-image.png');
    background-repeat: repeat;                                             
     font-family:Pyidaungsu !important; 
    /*font-family: Myanmar3 !important;*/
     font-size: 14px;                                                  
}  

#slide-image  img{
    display: block;
    width: 100%;
    height: auto;
}
                                                  
.img-size .wp-post-image{                                                 
    
    width:100px;                                                  
                                                  
}                                                 
.container{ 

     background: #fff;                                                 
} 

.logo .img{  

    align-self: center;                                                 
}                                                 
                                                  
.frame {                                                 
    
    margin-left:134px;                                                  
} 

.frame .margin-top-50{                                                  
    
    margin-top: 50px;                                                 
} 

.text p{                                                  
    
    font-size: 15px;                                                  
    margin-top: 34px;                                                 
    padding: 20px;                                                  
    background: #f5f5f5;                                                  
    border-radius: 25px;                                                  
    margin-bottom: 16px;                                                  
}

.margin-top-10{   

    margin-top: 7px;                                                  
}

.frame .social{   

   margin-top: 90px;                                                 

}                                                 

                                              
.m-t-30 {  

    margin-top: 30px;                                                 
                                                  
} 

.m-t-10 { 

    margin-top: 10px;                                                 
} 

.margin-20{ 

    margin:20px;                                                  

} 
.m-bottom-20{
    margin-bottom:20px;
}
 
.m-top-20 {
    margin-top:20px;
}
.topmenu ul{                                                  
    
    list-style: none;                                                 
    padding-bottom: 10px;                                                 
    
}

.topmenu ul li{                                                 
    
    float: left;                                                  
    padding:10px 4px 3px;                                                 
    font-size: 13px;                                                  
}                                                 
.topmenu ul li a{ 

    color:#7CB342;                                                  
    text-decoration: none;  

}                                                 

.light-color{ 

    color:#c3c1c1; 

}                                                 
.breadcrumbs {                                                  
    list-style: none;                                                 
    float:left;
    margin-left:-30px;                                                 
} 

#breadcrumbs li {                                                 
    list-style: none;                                                 
    float:left;                                                 
    padding:25px;

} 
.title-name h2{
    margin:10px;
    font-size: 18px;
}

/********************design 4 ***************/ 
.menu {
    padding-right: 0px;
    padding-left: 0px;
}                                                 
.header .title h3{                                                  
    
    font-size: 40px;                                                  
    color:#3a9036;                                                  
    margin:5px;                                                 
                                                      
}

.header .title h4{                                                  
    
    font-size: 27px;                                                  
    color:#F44336;                                                  
    margin:3px;                                                 
                                                      
}                                                 
.lang ul{                                                  
    list-style: none;                                                 
}                                                 
    
.lang ul li {                                                 
    
    float: left;                                                  
    color: #4CAF50;                                                 
    font-size: 12px;                                                  
    padding-top: 20px;                                                  
    padding-left: 6px;                                                  
    /* float: right; */                                                 
}                                                 
                                                      
.navbar-default .navbar-nav>.active>a,                                                  
.navbar-default .navbar-nav>.active>a:focus,                                                  
.navbar-default .navbar-nav>.active>a:hover { 

    color: #3a9036;                                                 
    background-color: none !important;                                                  
}                                                 
                                                      
.navbar-nav { 

    float: left;                                                  
    margin: 0;                                                  
    background: #028002;                                                  
}                                                 

.navbar-default { 

    background-color: #057f05 !important;                                                 
    border-color: #057f05 !important; 

}                                                 
                                                      
.navbar-default .navbar-nav>.active>a,                                                  
.navbar-default .navbar-nav>.active>a:focus,                                                  
.navbar-default .navbar-nav>.active>a:hover { 

    color: #333;                                                  
    background-color: #028002;                                                  
    border-bottom: 1px solid #fff;                                                  
} 

.navbar-default .navbar-nav>li>a:focus,                                                 
.navbar-default .navbar-nav>li>a:hover {                                                  
    color: #B0BEC5 !important;                                                  
    background-color: #028002;                                                  
    border-bottom: 1px solid #fff !important;                                                 
}

.navbar-default .navbar-nav> .open a,                                                 
.navbar-default .navbar-nav> .open a:focus,                                                 
.navbar-default .navbar-nav> .open a:hover {                                                  
    color: #333;                                                  
    background-color: #028002;                                                  
                                                      
}                                                 
.navbar-nav > li > .dropdown-menu li {

    border-bottom: 1px dotted #ece8e84d;                                                  
} 

.dropdown-menu>li>a {                                                 
    display: block;                                                 
    padding: 3px 20px;                                                  
    clear: both;                                                  
    font-weight: 400;                                                 
    line-height: 1.42857143;                                                  
    color: #333;                                                  
    white-space: nowrap;                                                  
    background:rgba(80, 140, 65, 0.75)!important;                                             

}

.dropdown-menu>li>a:hover { 

    color:#FFF !important;                                                  
}

.navbar-default .navbar-nav>li>a {

    color: #ffffff !important;                                                  
}                                                 
                                                      
.nav>li>a:focus, .nav>li>a:hover { 

    text-decoration: none;                                                  
    background-color: #eee;                                                 
} 

#pagemain .conservation .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #428427;
    border: 1px solid #ddd;
    margin-top: 22px;
    font-size: 20px;
}     
#pagemain .conservation .list-group-item a{
   color: #fff;
}
    
/******* menu dropdown ****/                                                  
                                                      
.navbar-nav > li > .dropdown-menu {                                                 
    background-color: rgba(81, 154, 62, 0.75);
    overflow: visible;
    color: #fff;                                             
    padding: 0px;                                                 
    margin-top: 0;                                                  
    border-top-right-radius: 0;                                                 
    border-top-left-radius: 0;                                                  
                                                      
} 

.dropdown > .dropdown-menu > li > a >.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-right: 0px;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
}
.dropdown > .dropdown-menu > .dropdown > .dropdown-menu {
    margin-top: -32px;
    margin-left: 155px;
    border-radius: 0px;
    background: #028002;
    color:#fff;
    font: normal normal 14px 'Open Sans', sans-serif,'Myanmar3';

}                                                 
.dropdown-menu>li>a {                                                 
    display: block;                                                 
    padding: 5px 34px;                                                  
    clear: both;                                                  
    font-weight: 400;                                                 
    line-height: 1.42857143;                                                  
    color: #f1f0f0;                                                 
    white-space: nowrap;                                                  

}                                                 
                                                      
.navbar {                                                 
    position: relative;                                                 
    min-height: 0px;                                                  
    margin-bottom: 0px;                                                 
    border: 1px solid transparent;                                                  
    border-radius: 0px;                                                 

}                                                 
.menubar {                                                  
    background: #028002;                                                  
} 
                                                   
.slider-title{                                                  
    background: #32ab469e;                                                  
    padding: 10px;                                                  
    margin: 0px;                                                  
    text-align: center;                                                 
    margin-bottom: 20px;                                                  
    color: #fff;                                                  
}                                                 
.line {                                                 
    text-align: center;                                                 
    margin-top: 20px;                                                 
    margin-bottom: 13px;                                                  
                                                      
}                                                 
.no-padding{                                                  
    padding-left: 0px;                                                  
    padding-right:0px;                                                  
}                                                 
.btn-more {                                                 
    background: #36a236;                                                  
    color: #fff;                                                  
    padding: 5px;                                                 
    margin-top: 20px;                                                 
}                                                 
.hightlight{                                                  
    
    font-size: 43px;                                                  
    color:#404040;                                                  
                                                  
}                                                 
.post-title h5{                                                 
    
    margin:0px !important;                                                  
    font-size: 14px;                                                  
    color:#333;                                                 

}                                                 

.post-time{                                                 
    
    padding-top:5px;                                                  
    font-size: 12px;                                                  
    
}                                                 

.see-work{                                                  
    
    background: #ECEFF1;                                                  

}                                                 
.resent-new ul{

    margin-left: -30px;                                                 
    list-style: none;                                                 
} 

.resent-new li a{                                                 
    font-size: 18px;                                                  
    color:#404040;                                                  
}                                                 
.home-text{
    font-size:18px;
}
.latest-activities{
    margin-bottom:20px;
}
.sidebar {

    display: block;
    padding: 20px 0px 20px 10px;
    margin: 0px;
    background: #efefef;
}
aside.widget ul {
    margin-left: -30px;
    line-height: 1.5em;
}
aside.widget li {
    list-style: none;
    padding: 5px;
        
} 
aside.widget li:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    color: #388a16;

}                                              
.archives ul li{                                                  
    padding:10px;                                                 
    border-bottom:1px solid #d6d4d4;                                                  
}                                                 
.archives ul li:last-child{                                                 
    border-bottom:0px;                                                  
}                                                 
.rescent-new {                                                  
    margin-top:20px;                                                  
}                                                 
.rescent-new ul li a{                                                 
    font-size: 18px;                                                  
    color:#263238;                                                  
}                                                 
.resent-new ul li{                                                  
    border-bottom: 1px solid #9e9b9b;                                                 
    padding: 10px;                                                  
}                                                 
.resent-new ul li:last-child{                                                 
    border-bottom:0px;                                                  
}                                                 
.resent-new .glyphicon {                                                  
    font-size: 12px !important;                                                 
    padding:5px;                                                  
    color:#4CAF50;                                                  
}                                                 
                                                      
.second-footer p{                                                 
    padding:10px;                                                 
    text-align: center;                                                 
}                                                 
.panel-title {                                                  
    font-size: 25px;                                                  
    color:#404040;                                                  
}                                                 
.panel-default>.panel-heading {                                                 
    color: #333;                                                  
    background-color: #689F38;                                                  
    border-color: #ddd;                                                 
}                                                 
.panel-body ul{                                                 
    list-style: none;                                                 
}                                                 
.conservation ul li{                                                  
    line-height: 2em;                                                 
    font-size: 18px;                                                  
}                                                 
.pannel-body  span{                                                 
    color:#689F38;                                                  
    font-size: 12px !important;                                                 
}                                                 
.partner .publications{                                                 
    color: #333;                                                  
    font-family: 'Marvel';                                                  
    font-size: 43px;                                                  
    margin-bottom: 20px;                                                  
}                                                 
table .publication-eng:hover {                                                  
    
    color: #fff;                                                  
                                                      
}                                                 
table .publication-eng a{ 

    text-decoration: none;                                                  
    color:#8d8d8d;                                                  
    font-size: 12px;                                                  
}

table .publication-eng a:hover{
        
        color:#fff;
}                                                

table .publication-mm:hover {                                                  
    
    color: #fff;                                                  
                                                      
} 

table .publication-mm a{                                                 
    
    text-decoration: none;                                                  
    color:#8d8d8d;                                                  
    font-size: 12px;                                                  
} 

table .publication-mm a:hover{                                                 
    
    text-decoration: none;                                                  
    color:#fff;                                                  
    font-size: 12px;                                                  
    
}                                                 
     
.content-text span {
        
        font-size:11px;
}
.content-text .fa-calendar{

    font-size:11px !important;
    padding: 10px !important;
    
}

.content-text #read-more{
    
    font-size:12px;
    
}

a {
    color:#3c763d;
}


.partner .view-all a { 

    color: #3ebb18;                                                 
    font-size: 18px;                                                  
    padding: 20px;                                                  
    text-decoration: none;                                                  
}

.partner .view-all:before {

    font: normal normal normal 16px/1 FontAwesome;                                                  
    content: "\f0da";                                                 
    padding-right: 5px;  

} 
.conservation .nav-pills>li.active>a, 
.conservation .nav-pills>li.active>a:focus, 
.conservation .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #689F38 !important;
}
    /************************end of design **********************/                                                  
                                                  
                                                      
.nav>li>a {                                                 
                                                      
    position: relative;                                                 
    display: block;                                                 
    padding: 13px 19px;                                                 
    /* text-transform: uppercase; */                                                  
    font-size: 16px;                                                  
} 

ul.page-numbers{

    padding-left: 0px;

}
        
ul.page-numbers li{
    float: left;
    height: 35px;
    width: 35px;
    list-style: none;
    line-height: 35px;
    text-align: center;
    padding: 0px;
    border-radius: 100px;
    margin-right: 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3); 
}

ul.page-numbers li span.current{

    color: #000;
    font-size: 16px;

}

ul.page-numbers li a{

    color:#388a16;
}

.content-img img{
     width: 100%;
     height: auto;
} 

/*----------------------------------------------------------------------------------*/
.ramsar-sitebar {
    background:#efefef;
}
.ramsar-sitebar nav>li>a {
    position: relative;
    display: block;
    padding: 13px 19px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}
.ramsar-sitebar .nav-pills>li.active>a, 
.ramsar-sitebar.nav-pills>li.active>a:focus, 
.ramsar-sitebar.nav-pills>li.active>a:hover {
    color: #3a3838;
    background-color: #efefef;
}
.ramsar-sitebar .nav-tabs>li.active>a, 
.ramsar-sitebar .nav-tabs>li.active>a:focus, 
.ramsar-sitebar .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border-bottom: 1px solid #fff;
    
}
.ramsar-sitebar .nav-tabs>li>a {
     border-bottom: 1px solid #fff;
}
.ramsar-sitebar .nav-tabs>li.active>a:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    border-left: 10px solid #efefef;
}
.post-time .date-text{
    font-size: 11px;
}
.post-time .info{
    font-size: 9px;
}
.post-time .info:hover{
    text-decoration: none;
}
.post-time .date-line{
    padding:10px;
}
.conservation.nav-pills>li.active>a, 
.conservation.nav-pills>li.active>a:focus, 
.conservation.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ccc;
}

#go-top {                                                 
    border-radius: 53px;                                                  
    background-color: #1A1919;                                                  
    bottom: 0;                                                  
    color: #F5F3F3;                                                 
    cursor: pointer;                                                  
    font-size: 21px;                                                  
    opacity: 0.7;                                                 
    padding: 11px 13px 8px;                                                 
    position: fixed;                                                  
    right: 0;                                                 
    text-transform: uppercase;                                                  
    z-index: 9999;                                                  
    float: right;                                                 
    margin-top: 3px;                                                  
    width: 50px;                                                  
    height: 50px;                                                 
                                                      
}                                                 

footer{                                                 
                                                      
    color: #121312;                                                 
    /*background-color:  #ECEFF1;*/                                                 
    /*padding: 40px;*/                                                  
}                                                 
footer ul{                                                  
    
    margin-left: -38px;                                                 
    
} 

footer ul li{ 

    list-style: none;                                                 
    
}                                                 
footer a:hover{                                                 
    
    text-decoration: none;                                                  
    color:#ddd;                                                 
}                                                 
    
footer a{

    text-decoration: none;                                                  
    color:#1b5430;                                                  
}                                                 
.first-footer{                                                  
    background: #ECEFF1;                                                  
    padding:20px;                                                 
    
}                                                 
.second-footer p{                                                 
                                                      
    text-align: center;                                                 
    font-size: 11px;                                                  
}                                                 
hr {                                                  
    margin-top: 20px;                                                 
    margin-bottom: 20px;                                                  
    border: 0;                                                  
    border-top: 1px solid #e2dfdfad;                                                  
}
.margin-30{
    margin:30px;
}
.contact-form input,textarea{
    margin:10px;
} 

.contact-form .btn-submit {
    background: #ddd;
    padding:10px;
} 

ul.page-numbers li span.current {
    color: #000;
    font-size: 16px;
}
ul.page-numbers li {
    float: left;
    height: 35px;
    width: 35px;
    list-style: none;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 100px;
    margin-right: 3px;
    box-shadow: 0 0 4px 0 #228011;
}

.article-feature-image img {
    width:100%;
    max-width:450px;
    height:auto;
}
.slider img{
    width:100%;
    max-width: 600px;
    height: auto;
}

    /*-----------------------------------------------------------------------------------*/                                                 
                                                      


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.article-feature-image img {
    width:100%;
    max-width:300px;
    height:auto;
}
.slider img{
    width:100%;
    max-width: 320px;
    height: auto;
    margin-top:10px;
}
.slider-title {
    min-width:32px;
}
.dropdown-menu>li>a {                                                 
    display: block;                                                 
    padding: 3px 20px;                                                  
    clear: both;                                                  
    font-weight: 400;                                                 
    line-height: 1.42857143;                                                  
    color: #FFF !important;                                                  
    white-space: nowrap;                                                  
    background:rgba(80, 140, 65, 0.75)!important;                                             

}
.dropdown > .dropdown-menu > li > a >.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-right: 0px;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
}
.dropdown > .dropdown-menu > .dropdown > .dropdown-menu {
    margin-top: -32px;
    margin-left: 197px;
    border-radius: 0px;
    background: #028002;
    color:#fff;
    font: normal normal 14px 'Open Sans', sans-serif,'Myanmar3';

}                                                 
.dropdown-menu>li>a {                                                 
    display: block;                                                 
    padding: 5px 79px;                                                  
    clear: both;                                                  
    font-weight: 400;                                                 
    line-height: 1.42857143;                                                  
    color: #f1f0f0;                                                 
    white-space: nowrap;                                                  

}                                                 
                                                      
.navbar {                                                 
    position: relative;                                                 
    min-height: 0px;                                                  
    margin-bottom: 0px;                                                 
    border: 1px solid transparent;                                                  
    border-radius: 0px;                                                 

}  
.header .title h3 {
    font-size: 30px;
    color: #3a9036;
    margin: 5px;
}
.header .title h4 {
    font-size: 25px;
    color: #F44336;
    margin: 3px;
}
.customsearch {
    margin:10px;
}

.dropdown-menu>li>a:hover { 

    color:#FFF !important;                                                  
}

.navbar-default .navbar-nav>li>a {

    color: #ffffff !important;                                                  
}   
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

@media (max-width: 350px) {                                                  
                                                      
                                                      
}                                                 
@media screen and (max-width: 410px) {                                                  
                                                  
                                                  
}                                                 
/* Small devices (tablets, 768px and up) */                                                 
@media all and (max-width: 731px){                                                  
                                                  
}                                                 
                                                  
@media all and (max-width: 414px){                                                  
                                                  
}                                                 
@media all and (max-width: 653px){                                                  
                                                  
}                                                 
/* Medium devices (desktops, 992px and up) */                                                 
@media (min-width: 992px) {                                                  
                                                  
}


@media screen and (max-width: 1000px) {                                                 
                                                  
}                                                 
                                                  
/* Large devices (large desktops, 1200px and up) */                                                 
@media (min-width: 1200px) {                                                  
                                                  
}