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

body:after{
    content: "dev version | screen: extra small";
}

/* News cutting */
.view-news-cutting.listing .view-content ul{
    justify-content: center;
}

h1.title{
    padding-left: 60px;
}

.branding-container{
    align-content: flex-end;
}
.branding-logo-block span.smj-logo{
    top: 2px;
    left: 5px;
}
.branding-logo-block img{
    height: 25px;
}
/* .mobile-menu-container{
    width: 90%;
} */
.hamburger-menu-block{
    top: 0;
    left: 0;
}
.hamburger-menu-block .hamburger-box{
    width: 50px;
}

/* .hamburger-menu-block.is-active{
    left: 65%;
} */

/* Teras SMJ page */
.page-node-6643 h1.title{
    font-size: 1.25rem;
    text-align: center;
    margin: 0;
    padding: 0;
}
.page-node-6643 .main-content{
    padding: 0 !important;
}
.page-node-6643 .mantra-container .mantra-box a{
    padding: 20px;
    font-size: 20px;
}
.page-node-6643 .mantra-container .mantra-box{
    margin: 5px 0;
}
.page-node-6643 .sabah-teras-smj-container{
    margin-top: 20px;
}
.page-node-6643 .sabah-teras-smj-container img{
    transform: scale(1.5);
    margin-left: 15px;
}

 /* Biodata group photo */
.page-node-7018 .biodata-group-photo{
    margin: 0 0;
}

.page-node-7018 .mobile-hide{
     display: none !important;   
}
.page-node-7018 .mobile-show{
      display: block !important;  
}

/* Biodata background info (pendidikan, pengalaman etc) */
.page-node-7018 .biodata-background-info{
    margin: 20px 0;
}
.page-node-7018 h1.title{
    font-size: 1.25rem;
    text-align: center;
    margin: 0;
    padding: 0;
}
.cm-name-block{
    font-size: 0.3125rem;
}

/* Highlights */
.view-highlights .view-content .views-row{
    width: 100%;
    margin: 0 0 20px 0;
}

.view-latest-posts .latest-post-container{
    margin-top: 20px;
}

.view-latest-posts .latest-post-container h2{
    height: auto;
    max-height: unset;
}

/*************************************************************/
}