#header_banner_mobile{display:none; width:95%; height:65px; line-height:65px; text-align:left; border-bottom:1px solid #f1f1f1; margin:0 auto;}

.header_download_close{display:inline-block; width:5px; max-width:5%; font-size:0.95rem; color:#888; text-align:center; vertical-align:middle; float:right;}
.header_download_box{display:block; width:auto; vertical-align:middle;}
.header_download_box img{display:inline-block; width:35px; height:35px; object-fit:contain; margin:5px auto; vertical-align:middle;}

.header_download_details{display:inline-block; max-width:55%; height:auto; text-align:left; margin:0 2.5%0 1%; vertical-align:middle;}

.header_download_details_title{display:block; line-height:1rem; font-size:0.9rem; font-weight:700; color:#333;}
.header_download_details_subtitle{display:block; line-height:1rem; font-size:0.85rem; font-weight:300; color:#666;}

.header_download_button{display:inline-block; width:auto; height:30px; line-height:30px; font-weight:700; color:#fff; text-align:center;
                        background:#0704e1; border:1px solid #0704e1; border-radius:25px; padding:0 10px; margin:15px 15px 0 0; vertical-align:middle; float:right;}

.header_banner{display:block; width:100%; height:45px; line-height:45px;}
#header_banner_employer{height:45px; line-height:45px; text-align:center; background:#484c9f;}
#header_banner_jobseeker{display:none; width:100%; height:50px; line-height:50px; text-align:center;
                         background:url('https://assets.jobstore.my/images/header/jobseeker_header_purple_bg.png') #f7f7f7 no-repeat center/cover;}

#header_banner_promo{text-align:center; background:#484c9f;}
#header_banner_promo img{display:block; width:1280px; max-width:100%; height:auto; max-height:100%; object-fit:contain; margin:0 auto;}

.header_banner_box{display:block; width:1280px; max-width:95%; margin:0 auto;}

.header_banner_left{display:inline-block; width:24%; height:100%; text-align:right; vertical-align:top;}
.header_banner_left_text{display:block; font-size:1rem; font-weight:700; color:#fff; margin-right:1rem; vertical-align:top;}

.header_banner_right{display:inline-block; width:44%; text-align:left; padding-left:5%; vertical-align:top;}
.header_banner_right_text{display:inline-block; font-size:0.85rem; font-weight:500; color:#000; vertical-align:top;}
.header_banner_right_text span{font-weight:700;}
.header_banner_right_btn{display:inline-block; width:125px; height:20px; line-height:20px; font-size:0.8rem; font-weight:600; color:#fff; text-align:center;
                         background:#4724d8; border:2px solid #4724d8; border-radius:5px; margin:12px 0 0 1.5%; vertical-align:top;}
.header_banner_right_btn:hover{color:#4724d8; background:transparent;}

.header_banner_img{display:inline-block; width:25px; height:25px; margin:12px 1.5% 12px 0; vertical-align:top;}

.header_banner_title_employer{display:inline-block; font-size:1.5rem; font-weight:700; color:#ec008b; text-transform:uppercase; vertical-align:top;}
.header_banner_text_employer{display:inline-block; font-size:0.85rem; color:#000; margin-left:1%; vertical-align:top;}
.header_banner_title:hover + .header_banner_text, .header_banner_text:hover{color:#444;}

.header_banner_employer_btn{display:inline-block; width:135px; height:30px; line-height:30px; font-size:0.7rem; font-weight:600; color:#fff; 
														text-align:center; text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:25px; 
														margin:5px 15px; vertical-align:top;}

.header_banner_employer_btn:hover{color:#0704e1; background:#fff;}

.header_banner_pic{display:inline-block; width:30px; height:30px; object-fit:contain; margin:8px 1%; vertical-align:top;}

.header_banner_title_jobseeker{display:inline-block; font-size:1.5rem; font-weight:700; color:#47c6f9; text-transform:uppercase; margin:0 0.5%; vertical-align:top;}
.header_banner_text_jobseeker{display:inline-block; font-size:0.85rem; color:#fff; margin-left:1%; vertical-align:top;}

.header_banner_jobseeker_btn{display:inline-block; width:120px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#47c6f9;
														 text-align:center; background:transparent; border:2px solid #47c6f9; border-radius:25px; 
														 margin:8px; vertical-align:top;}
.header_banner_jobseeker_btn:hover{color:#fff; background:#47c6f9;}
 
/* ------------------------------------------------------------------------------------------------------------------ */
/* -------------------- media CSS - created 09/10/2023 - 02:01pm - updated 06/11/2023 - 02:59pm --------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 481px) and (max-width: 660px){
  
	.header_banner{display:none;}
	
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait){
	
	.header_banner_right{width:60%;}
	
}

@media only screen and (min-width: 721px) and (max-width: 920px){
	
	.header_banner_right{width:60%;}
	
	.header_banner{height:auto;}
	
	.header_banner_title_employer, .header_banner_title_jobseeker{font-size:1rem;}
	.header_banner_text_employer, .header_banner_text_jobseeker{font-size:0.8rem;}
  
  .header_banner_jobseeker_btn, .header_banner_employer_btn{display:none;}
	
}

@media only screen and (min-width: 921px) and (max-width: 1024px){
  
  .header_banner_left{width:30%;}
	.header_banner_right{width:60%;}
	
	.header_banner{height:auto;}
	
	.header_banner_title_employer, .header_banner_title_jobseeker{font-size:1rem;}
	.header_banner_text_employer, .header_banner_text_jobseeker{font-size:0.8rem;}
  
}

@media only screen and (min-width: 1025px) and (max-width: 1124px){
  
  .header_banner_right{width:50%;}
	
	.header_banner_title_employer, .header_banner_title_jobseeker{font-size:1rem;}
	.header_banner_text_employer, .header_banner_text_jobseeker{font-size:0.8rem;}
  
}

@media only screen and (min-width: 1125px) and (max-width: 1200px){
	
  .header_banner_right{width:50%;}
	
}
	
@media only screen and (min-width: 1201px) and (max-width: 1280px){
	
}

@media only screen and (min-width: 1281px) and (max-width: 1439px) {
	
}

@media only screen and (min-width: 1440px) and (max-width: 1640px) {
	
}

@media only screen and (device-width: 768px) {

	/* ipad */
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	
	.header_banner{display:none;}
	
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {

	.header_banner{display:none;}
	
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* -------------------- END media CSS - created 09/10/2023 - 02:01pm - updated 06/11/2023 - 02:59pm --------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */