/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.image-resize {
    width:35%
}

.header-title-font {
    font-size: 50px; font-weight: bold; line-height: 1.2
}


.mobile-banner {
    display:none
}

.imageBox {
  position: relative;
  float: left;
  padding-bottom:10px;
}

.imageBox .hoverImg {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.imageBox:hover .hoverImg {
  display: block;
}

.hero-1 {
    background-image: url(../images/slider/announcement-bm.jpg);
}
.hero-1-en {
    background-image: url(/images/slider/announcement-en.jpg);
}

.hero-2 {
    background-image: url(../images/slider/perlindungan_tenang2022.jpg);
}

.hero-3-bm {
    background-image: url(../images/hero/new2022bm.jpg);
}

.hero-3-en {
    background-image: url(../images/hero/new2022en.jpg);
}


@media only screen and (max-width: 1400px) {
    .menu-link {
        
        font-size:10px;
    }
}


@media only screen and (max-width: 580px) {

    .hero-1 {
    background-image: url(../images/slider/announcement-bm-mobile.jpg);
}

        .hero-1-en {
    background-image: url(/images/slider/announcement-en-mobile.jpg);
}


    .hero-2 {
    background-image: url(../images/slider/perlindungan_tenang2022_mobile.jpg);
}

    .hero-3-bm {
    background-image: url(../images/hero/nov2022bm.jpg);
}

.hero-3-en {
    background-image: url(../images/hero/nov2022en.jpg);
}


    .min-vh-100 {
        min-height: 60vh !important;
    }

    .header-title-font {
    font-size: 22px; font-weight: bold; line-height: 1.2;
    color:#ffffff
}
    .header-description-font {
    font-size: 16px; font-weight: 300; line-height: 1.2;
    color:#ffffff
}

    .mobile-banner {
    display:block
}
    #slider_desktop {
        display:none
    }

    .image-resize {
    width:100%
}

}