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

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

/* main wrapper */
#main-wrapper{
    padding: 100px 5% 50px 5%;
}

/* Header first */
.header-first-container{
}
    /* body.toolbar-horizontal .header-first-container{
        top: 39px; 
    }
    body.toolbar-horizontal.toolbar-tray-open .header-first-container{
        top: 79px; 
    }
    body.toolbar-vertical .header-first-container{
        top: 39px; 
    } */

/* Hero header */
.hero-header-block .views-row{
    position: relative;
}
.hero-header-block .views-field-field-hero-image img{
    /* height: auto; */
}

.hero-header-block .views-field-field-hero-caption{
    position: absolute;
    bottom: 60%;
    right: 2%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 100;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    background: none;
}

.hero-header-block .views-field-field-hero-caption h1{
    font-size: 20px !important;
    width: 42%;
    padding: 2% 2%;
    margin-bottom: 20px;
    /* font-family: 'Great Vibes'; */
    /* letter-spacing: 2px; */
    line-height: 23px;
    color: #FFFFFF;
    font-weight: bold;
    background: rgba(0,0,0,0.5);

    animation-name: hero-header-appear;
    animation-duration: 0.7s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.hero-header-block .caption-container{
    /* display: none; */
    position: absolute;
    width: 40%;
}

.hero-header-block .caption-container h2{
    font-size: 20px !important;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    /* font-family: 'Great Vibes'; */
    /* letter-spacing: 2px; */
    line-height: 23px;
    color: #FFFFFF;
    font-weight: bold;
    background: rgba(0,0,0,0.5);

    animation-name: hero-header-appear;
    animation-duration: 0.7s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.hero-header-block .top-left{
    top: 5%;
    left: 5%;
}
.hero-header-block .top-centre{
    top: 5%;
    left: 45%;
}
.hero-header-block .top-right{
    top: 5%;
    right: 5%;
}

.hero-header-block .centre-left{
    top: 45%;
    left: 5%;
}
.hero-header-block .centre-centre{
    top: 45%;
    left: 45%;
}
.hero-header-block .centre-right{
    top: 45%;
    right: 5%;
}

.hero-header-block .bottom-left{
    bottom: 5%;
    left: 5%;
}
.hero-header-block .bottom-centre{
    bottom: 5%;
    left: 45%;
}
.hero-header-block .bottom-right{
    bottom: 5%;
    right: 5%;
}


/* Galeri Foto, Photo Gallery (listing) */
.view-galeri-foto.listing ul li{
    width: 31%;
}

/* Infographics */
.view-infographics.listing ul li{
    width: 31%;
}

/* Infographic 02 New - grid */
.view-infographic-02.grid .view-content ul li{
    width: 23%;
}

.inner-page-banner-container .views-field-field-page-banner:after{
    content: "";
    border: 1px solid #CCCCCC;
    display: block;
    height: 102%;
    width: 86%;
    position: absolute;
    top: 8%;
    left: 7%;
    border-radius: 10px;
}

/* Popup banner (listing) */
.view-popup-banner.listing ul li{
    width: 31%;
}

/* Page title reposition in banner area */
#block-cmhajiji-2023-page-title{
    height: 300px;
    padding: 100px 15% 0 15%;
}

/* Latest Post 02 block */
.view-latest-posts-2.no-slick .view-content ul li:first-child .cover img{
    height: 300px;
    width: 100%;
}
.view-latest-posts-2.no-slick .view-content ul li{
    width: 31%;
}

/* Berita Semasa / Current News */
.view-berita-semasa ul li{
    width: 31%;
}

/* Speech */
.view-speech ul li{
    width: 31%;
}

.popup-banner-container .popup-banner img{
    width: auto;
}

/* Aku Janji page */
.view-aku-janji-page .view-content ul{
    justify-content: space-between;
}
.view-aku-janji-page .view-content ul li{
    width: 23%;
    
}

/* News grid */
.view-news-grid.listing ul{
    width: 60%;
    margin: 0 auto;
}
.view-news-grid.listing ul li{
    width: 31%;
}

/* Latest posts */
.view-latest-posts .latest-post-container .cover{
    display: block;
}
.view-latest-posts .view-header {
    text-align: center;
    margin: 30px 0 50px 0;
}

/* Highlights */
.view-highlights .view-content .views-row h2{
    font-size: 1.25rem;
}
.highlights-block .highlight-container .cover img {
    height: 12.5rem;
}

/* Biodata CM */
.page-node-7018 .paragraph--type--two-column{
    min-height: 100vh;
    gap: 2%;
}
.page-node-7018 .field--name-field-column-left{
    width: 40%;
}
.page-node-7018 .field--name-field-column-right{
    width: 58%;
}

/* Biodata background info (pendidikan, pengalaman etc) */
.page-node-7018 .biodata-background-info{
    width: 35%;
}
.page-node-7018 .biodata-background-info ul{
    text-align: right;
    list-style: none;
    position: absolute;
    top: 20%;
    right: 0;
}
.page-node-7018 .biodata-background-info ul li a:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    font-size: 5px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 10px;
    position: relative;
    top: -5px;
}

/* Biodata intro */
.page-node-7018 .biodata-intro{
    margin-right: 0%;
}


/* Biodata photo */
.page-node-7018 .biodata-photo{
    /* border: 1px dashed magenta; */
    width: 65%;
    position: relative;
    margin-right: 0;
}
.page-node-7018 .biodata-photo img{
    object-fit: contain;
    height: auto;
    width: 100%;
    position: absolute;
    bottom: -30px;
    right: 0;
    /* border: 2px dashed yellow; */
}

/* Video */
.view-video ul li{
    width: 32%;
}

/* Video (Berita ringkas) */
.view-video-berita-ringkas  ul li{
    width: 32%;
}

/* Mantra box */
.mantra-container{
    gap: 0;
}
.mantra-box{
    width: 25%;
}
.mantra-box h2{
    border-radius: 2.5rem 0 0 2.5rem;
}
.mantra-forward h2{
    padding-right: 9.375rem;
    margin-left: -1.875rem;
}
.mantra-prosper h2{
    margin-left: -1.25rem;
}
.mantra-united h2{
    margin-left: -1.25rem;
    border-radius: 2.5rem;
}

/* Address footer block */
.site-footer .address-footer-block{
    width: 60%;
}

/* Teras SMJ page */
.page-node-6643 .mantra-container{
    margin-top: -9.375rem;
}

/* Biodata CM */
.page-node-7018 #main-wrapper{
    padding: 0 0 0 5%;
}
.page-node-7018 .mobile-hide{
        display: block;   
}
.page-node-7018 .mobile-show{
    display: none;  
}
.page-node-7018 .biodata-group-photo.mobile-hide{
    display: block;
}
.page-node-7018 .biodata-photo.mobile-hide{
    display: block;
}
/* Biodata intro */
.page-node-7018 .biodata-intro{
    margin-right: 5%;
    width: 100%;
}
.page-node-7018 .biodata-background-info ul li a:before{
    display: none;
}

/* Hubungi Kami */
.site-footer .address-footer-block h2{
    font-size: 1.875rem;
}
.site-footer .address-footer-block .address-container{
    font-size: 1.25rem;
}
.site-footer .address-footer-block .label-text{
    margin: 2.5rem 0;
}
.site-footer .address-footer-block .label-text{
    margin: 2.5rem 0;
}
.footer-first-container .content-wrapper{
    padding: 2% 10%;
}

/* Hamburger menu */
.hamburger-menu-block{
    top: 4%;
}

/* CM name */
.cm-name-block{
    font-size: 0.9375rem;
}

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

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