@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&display=swap');

body{background-color:#fff; color:#333; font-family:'Baloo 2', cursive; font-size:13px; line-height:18px; margin:0; padding:0;}
a{color:#000; text-decoration:none; outline:none;}
a:hover{color:#ed2f39; text-decoration:none; outline:none;}
div {margin: 0 auto;padding: 0px;}
p{margin: 0 0 5px; text-align: justify;}
h1{font-size:30px;}
h2{font-size:24px;}
label {vertical-align: middle; text-transform:none !important;}
ol, ul{padding:0;margin:15px 0 9px 15px;}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #ed2f39;}
input:-moz-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #ed2f39;}
select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}
select:-moz-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}


.search_mobile_header{display:none;}
.search_mobile_menubox{display:none;}


.company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
.company_header .company_header_container{display:block; width:1080px; max-width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

.company_header .company_branding{display:inline-block; width:auto; height:80px; /*line-height:80px;*/ vertical-align:middle;}
.company_header .company_branding .company_branding_logobox{display:table; width:150px; /*height:100%;*/ height:50px; margin:15px 0;}
.company_header .company_branding .company_branding_logobox .company_branding_logo{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.company_header .company_nobranding img{display:inline-block; width:auto; height:45px; opacity:0.6; margin:18px 0; vertical-align:middle;}
.company_header .company_nobranding img:hover{outline:none; opacity:1.0;}

.company_header .company_control_left{display:inline-block; width:48%; height:80px; line-height:80px; vertical-align:top;}

.company_header .company_control_right{display:inline-block; width:48%; height:80px; line-height:80px; float:right; text-align:right; vertical-align:top;}

.company_header .company_menu{display:inline-block; height:80px; line-height:80px; vertical-align:middle;}
.company_header .company_menu a{display:inline-block; font-size:0.85rem; font-weight:400; letter-spacing:1px; text-transform:uppercase; 
																color:#545454; margin:0 10px;}
.company_header .company_menu a:hover{color:#ed2f39; outline:none;}

.company_control_mobile_back{display:none;}
.company_control_mobile_menu{display:none;}
#company_mobile_menu{display:none;}


#video{display:none;}
#play_video{display:block; width:100px; height:100px; margin:22% auto 0; z-index:1; cursor:pointer;
						background:url('https://www.mycareerfair.my/images/icon_playgrey.png') no-repeat center;
						background-size:80px 80px, auto auto;}
#play_video:hover{background:url('https://www.mycareerfair.my/images/icon_playwhite.png') no-repeat center;
									background-size:80px 80px, auto auto;}

#upload_video{display:block; width:250px; margin:50px auto; z-index:1;
							background:url('https://www.mycareerfair.my/images/icon_arrow_upload.png') no-repeat center/70px; opacity:0.6;}
#upload_video:hover{background:url('https://www.mycareerfair.my/images/icon_arrow_upload.png') no-repeat center/70px; text-align:center; opacity:1.0;}
#uploadvid{display:block; color:#fff; font-size:16px; padding-top:95px; opacity:1.0; text-align:center;}
#upload_video:hover > #uploadvid{display:block; color:#fff; font-size:16px; padding-top:95px; opacity:1.0;}


/* ------------------ Company Profile CSS - added 04/02/2020 - 02:09pm ------------------------- */


.company_container{display:block; width:1080px; max-width:90%; min-height:500px; height:auto; font-family:'Baloo 2', cursive;
                   padding:0; margin:50px auto 0; position:relative;}

.company_content_block{display:block; width:100%;}
.company_content_box{display:inline-block; width:70%; height:auto; margin:0 auto; vertical-align:top;}

.company_content_banner{display:block; width:100%; height:400px; border:1px solid #ddd; border-radius:3px; margin:0 auto 25px;}
.company_content_banner_pic{display:block; width:100%; height:400px; object-fit:cover; box-shadow:0 2px 4px rgba(0,0,0,0.15);}


.company_content_rating{display:block; width:100%; margin:50px auto 25px;}

.company_content_desc{display:block; width:100%; padding:3rem 0; margin:0 auto;}
.company_content_descdetails{display:block; width:100%; height:auto; line-height:1.85rem; font-family:'Baloo 2', cursive; font-weight:400;
                             text-align:justify; word-break:break-word; margin:2rem auto 0;}
.company_content_descdetails p{font-size:0.9rem; text-align:justify !important; margin-bottom:25px;}
.company_content_descdetails span{line-height:1.85rem !important; text-align:justify;}

.company_content_descdetails ul{margin-bottom:1.5rem;}
.company_content_descdetails li{margin-left:1.5rem; list-style-type:disc;}
.company_content_descdetails ::marker{font-size:1.25rem;}

.company_content_descedit{display:block; width:250px; height:45px; line-height:45px; font-size:1rem; font-weight:600; color:#fff; 
                          text-align:center; background:#ed2f39; border:2px solid #ed2f39; border-radius:5px; margin:0 auto;}
.company_content_descedit:hover{outline:none; color:#ed2f39; background:transparent;}


.company_content_title{display:block; width:auto; line-height:2.5rem; font-size:1.15rem; font-weight:700; color:#999; margin:0 auto 1rem;
                       text-transform:uppercase; padding-left:25px; background:url('https://www.mycareerfair.my/images/icon_building.png') no-repeat center left/18px;}

.company_content_jobs{display:block; width:100%; /*border-top:1px solid #f4f4f4;*/ padding:25px 0 0; margin:25px auto 0;}


.company_details_introbox{display:inline-block; width:65%; padding-bottom:2rem; vertical-align:top;}

.company_details_infobox{display:inline-block; width:32%; max-width:32%; height:auto; vertical-align:top; margin:1rem 0 3rem 2.5%;}


.company_details_each{display:block; width:100%; margin:0 auto 28px;}


.company_details_info{display:block; width:80%; padding:2rem 10%; background:#fcfcfc;}

.company_details_info_each{display:block; margin:0 0 1.5rem;}
.company_details_info_each a{color:#000;}
.company_details_info_each a:hover, .company_details_info_each:focus{color:#ed2f39; outline:none;}

.company_details_info_logo{display:inline-block; width:20px; vertical-align:middle; border:1px solid #ddd;}
.company_details_info_icons{display:inline-block; width:20px; opacity:0.4; vertical-align:top;}
.company_details_info_social{display:inline-block; width:20px; vertical-align:top;}
.company_details_info_more{display:inline-block; width:85%; vertical-align:middle; margin-left:5px; font-size:0.85rem; font-weight:500; word-break:break-all;}
.company_details_info_more span{line-height:1.25rem;}


/* =============================================================================================================================================== */
/* - - - - - - - - - - - - - - - - - - - - List of Jobs - copy of Seek Result - added 04/02/2020 - 05:11pm - - - - - - - - - - - - - - - - - - - - */
/* =============================================================================================================================================== */

.company_job_listing_each{display:block; width:100%; height:auto; max-height:350px; padding-top:25px; margin:1rem auto 2rem; 
                          position:relative; cursor:crosshair;}


.company_job_listing_left{display:inline-block; width:65%; vertical-align:top;}

.search_content_result_company{display:block; width:100%; font-size:0.85rem; overflow-wrap:break-word;}
.search_content_result_company span{font-weight:600; color:#333;}
.search_content_result_company a{color:#000;}
.search_content_result_company a:hover{text-decoration:underline;}

.company_job_listing_title{display:block; width:100%; line-height:1.5rem; font-size:1rem; color:#ed2f39; margin:0 auto 1rem;}

.company_job_listing_title h2{display:inline-block; width:98%; height:auto; font-size:20px; line-height:26px; font-weight:600; color:#000; 
                                font-family:'Baloo 2', cursive; text-transform:capitalize; overflow-wrap:break-word; word-wrap:break-word;
                                vertical-align:top; margin:0;}
.company_job_listing_title h2:hover{outline:none; color:#ed2f39;}

.company_job_listing_desc{line-height:1.35rem; font-size:0.85rem; color:#888; overflow-wrap:break-word; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;
                          margin:0.25rem auto 1rem;
                          display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.company_job_listing_desc p{display:block; font-size:0.85rem; color:#888;}
/*.company_job_listing_desc ol, ul, .company_job_listing_desc ul li{display:block; list-style-type:none; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0;*/
/*                                 -webkit-margin-end:0; -webkit-padding-start:0; margin:0; padding:0;}*/


.company_job_listing_details{display:block; width:100%; line-height:22px; font-size:0.85rem; color:#888;}

.company_job_listing_list{display:inline-block; width:90%; min-height:25px; height:auto; line-height:25px; position:relative; vertical-align:top;}
.company_job_listing_list_full{display:inline-block; width:85%; height:auto; vertical-align:top;}

.company_job_listing_list_info{display:inline-block; width:auto; line-height:1.5rem; font-size:0.85rem; vertical-align:top; cursor:auto;}
.company_job_listing_list_info_hidden{display:none; width:auto; line-height:1.5rem; font-size:0.85rem; vertical-align:top; cursor:auto;}
.company_job_listing_list_info ol, ul, .company_job_listing_list_info ul li,
.company_job_listing_list_info_hidden ol, ul, .company_job_listing_list_info_hidden ul li
{display:block; list-style-type:none; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-start:0; margin:0; padding:0;}


.company_job_listing_type{display:inline-block; color:#888; vertical-align:top;}
.company_job_listing_more{display:block; color:#888; vertical-align:middle;}
.company_job_listing_more span{color:#000; vertical-align:middle;}
.company_job_listing_level{display:inline-block; color:#888; vertical-align:top;}
.company_job_listing_industry{display:inline-block; color:#888; vertical-align:top;}

.company_job_listing_apply{display:inline-block; font-size:0.85rem; font-weight:600; color:#ed2f39; vertical-align:top; outline:none;}
.company_job_listing_apply:hover{color:#000;}

.company_job_listing_salary{display:inline-block; color:#888; vertical-align:top;}
.company_job_listing_salaryyes{display:inline-block; width:auto; color:#333;}
.company_job_listing_salaryyes span{color:#888;}
.company_job_listing_salarynego{display:inline-block; width:auto; color:#888; font-weight:400;}
.company_job_listing_salaryno{display:inline-block; width:auto; color:#666;}
.company_job_listing_salaryno:hover{color:#ed2f39;}

.company_job_listing_ext{display:inline-block; width:25px; max-width:10%; height:25px; line-height:25px; vertical-align:top; float:right;}
.company_job_listing_ext_save{display:inline-block; width:45%; height:20px; margin:0; float:none; vertical-align:middle;}


.company_job_listing_separator{display:inline-block; font-size:0.85rem; line-height:1.25rem; color:#888; margin:0 5px; vertical-align:middle;}

.company_job_listing_dots{display:inline-block; width:100%; height:25px; vertical-align:middle; cursor:pointer;
                          background:url('https://www.mycareerfair.my/images/icon_menudots_grey.png') no-repeat center/80%;}
.company_job_listing_dots:hover{background:url('https://www.mycareerfair.my/images/icon_menudots_darkgrey.png') no-repeat center/80%;}

.company_job_listing_dots_active{display:inline-block; width:100%; height:25px; vertical-align:middle; cursor:pointer;
                                   background:url('https://www.mycareerfair.my/images/icon_menudots_black.png') no-repeat center/80%;}

/* --- search filter - RIGHT section css - added 04/02/2020 - 04:13pm --- */

.company_job_listing_right{display:inline-block; width:30%; min-height:150px; float:right; vertical-align:top;}

.company_job_listing_pic{display:block; width:100%; max-width:100%; height:100px; max-height:100px; border:1px solid #f1f1f1; vertical-align:middle; object-fit:contain;}



/* --------------------------- pagination css - added 05/02/2020 - 01:56pm --------------------------- */ 

.pagination{display:block; width:100%; margin:2rem auto; text-align:left;}
.pagination ul{display:inline-block; -webkit-padding-start:0; vertical-align:top;}
.pagination a{display:inline-block; padding:0 10px; line-height:20px; text-decoration:none; border-left-width:0; margin:0 15px 1rem 0;}
.pagination a:hover{outline:none; display:inline-block; padding:5px 10px; line-height:20px; color:#fff; cursor:pointer; background:#202020;
                    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.pagination .active{display:inline-block; padding:5px 10px; line-height:20px; color:#fff; cursor:text; background:#202020;
                    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{display:inline-block; color:#999;
                                                                                 background:transparent; cursor:default;}
.pagination li a{display:inline-block; margin:2px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.pagination li:last-child a{display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}


/* ----------------------------------------------------------------------------------- */
/* ------------------- media css - updated on 09/05/2023 - 11:25pm ------------------- */
/* ----------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .header_top{display:none;}
  
  .company_header .company_branding .company_branding_logobox{text-align:center; margin:5% auto 0;}

  .company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
  .company_header .company_header_container{display:block; width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

  .company_header .company_control_mobile_back{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top;
                                               background:url('https://www.mycareerfair.my/images/icon_arrow_left_grey.png') no-repeat center left/20px;}
  .company_header .company_control_mobile_back img{display:block; width:28px; height:28px; margin:25px 0;}

  .company_header .company_control_left{display:inline-block; width:65%; vertical-align:top; margin:0 auto; text-align:center;}
  .company_header .company_branding{display:block; width:auto; height:80px; line-height:80px; margin:0; vertical-align:top;}
  .company_header .company_branding img{display:block; width:auto; height:60px; margin:10px auto;}
	.company_header .company_branding .company_branding_logo{background-position:center !important;}

  .company_header .company_control_right{display:none;}

  .company_header .company_control_mobile_menu{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top; position:relative;
                                               background:url('https://www.mycareerfair.my/images/icon_mobilenav_grey.png') no-repeat center right/20px;}

  #company_mobile_menu{display:none; width:100%; height:100vh; position:absolute; top:0; left:0; font-size:13px; line-height:18px; text-align:left;
                       padding:0; z-index:999999; background-color:rgba(0,0,0,0.95);}
  .company_mobile_close{display:block; width:50px; height:50px; position:absolute; right:25; top:25;
                        background:url('https://www.mycareerfair.my/images/icon_arrow_up_white.png') no-repeat center right 15%/22px;}

  .company_mobile_details{display:block; width:80%; margin:90px auto 0;}

  .company_mobile_nav{display:block; width:100%; font-size:1.2em; line-height:1.4em; color:#fff;}
  .company_mobile_nav a{display:block; color:#fff; margin:10px 0; font-weight:400; text-transform:capitalize;}
  .company_mobile_nav a:hover, .company_mobile_nav a:focus{color:#333; outline:none;}

  .company_mobile_title{display:block; font-size:1.3em; line-height:1.5em; margin-bottom:20px;}
  .company_mobile_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:25px auto;}

  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}
  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}

  .company_mobile_app{display:inline-block; width:auto; height:35px; float:right; vertical-align:middle;}
  
  
  .company_container{max-width:85%;}
  
  .company_content_banner{height:auto;}    
  .company_content_banner_pic{height:auto; object-fit:contain;}
  
  .company_details_introbox{display:block; width:100%; padding:1rem 0;}
  .company_job_listing_each{display:block; width:100%; max-height:none;}
  
  .company_job_listing_left, .company_job_listing_right{display:block; width:100%; min-height:initial; float:none;}
  
  .company_job_listing_list{display:block; width:100%; white-space:normal;}
  
  .company_job_listing_ext{display:none;}
  
  .company_job_listing_pic{max-height:none; margin:2rem auto 1rem; object-fit:cover;}
  
  .company_job_listing_list_info_hidden{display:block; width:100%;}
  
  .company_details_infobox{display:block; width:95%; max-width:95%; margin:2rem auto;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
  
}

@media only screen and (min-width: 721px) and (max-width: 920px) {
	
  .header_top{display:none;}

  .company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
  .company_header .company_header_container{display:block; width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

  .company_header .company_control_mobile_back{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top;
                                               background:url('https://www.mycareerfair.my/images/icon_arrow_left_grey.png') no-repeat center left/20px;}
  .company_header .company_control_mobile_back img{display:block; width:28px; height:28px; margin:25px 0;}

  .company_header .company_control_left{display:inline-block; width:65%; vertical-align:top; margin:0 auto; text-align:center;}
  .company_header .company_branding .company_branding_logobox{text-align:center; margin:15px auto;}
  .company_header .company_branding{display:block; width:auto; height:80px; line-height:80px; margin:0; vertical-align:top;}
  .company_header .company_branding img{display:block; width:auto; height:60px; margin:10px auto;}
	.company_header .company_branding .company_branding_logo{background-position:center !important;}

  .company_header .company_control_right{display:none;}

  .company_header .company_control_mobile_menu{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top; position:relative; float:right;
                                               background:url('https://www.mycareerfair.my/images/icon_mobilenav_grey.png') no-repeat center right/20px;}

  #company_mobile_menu{display:none; width:100%; height:100vh; position:absolute; top:0; left:0; font-size:13px; line-height:18px; text-align:left;
                       padding:0; z-index:999999; background-color:rgba(0,0,0,0.95);}
  .company_mobile_close{display:block; width:125px; height:50px; position:absolute; right:25; top:25;
                       background:url('https://www.mycareerfair.my/images/icon_arrow_up_white.png') no-repeat center right 15%/22px;
                       /* url('https://www.mycareerfair.my/images/branding/mycareer_logo_white.png'), background-position:center left, background-size:100px, 13px;*/}

  .company_mobile_details{display:block; width:80%; margin:90px auto 0;}

  .company_mobile_nav{display:block; width:100%; font-size:1.2em; line-height:1.4em; color:#fff;}
  .company_mobile_nav a{display:block; color:#fff; margin:10px 0; font-weight:400; text-transform:capitalize;}
  .company_mobile_nav a:hover, .company_mobile_nav a:focus{color:#333; outline:none;}

  .company_mobile_title{display:block; font-size:1.3em; line-height:1.5em; margin-bottom:20px;}
  .company_mobile_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:25px auto;}

  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}
  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}

  
  .company_details_introbox{width:54%;}
  .company_details_infobox{width:40%; max-width:40%; margin:1rem 0 3rem 4.5%;}
  
  .company_job_listing_list{display:block; width:100%; white-space:normal;}
  
  .company_job_listing_ext{display:none;}
  
  .company_job_listing_pic{max-height:none; margin:2rem auto 1rem; object-fit:cover;}
  
  .company_job_listing_list_info_hidden{display:block; width:100%;}
  
  
  
}

@media only screen and (min-width: 921px) and (max-width: 1080px) {
	
  .company_header .company_control_left{width:40%;}
  .company_header .company_control_right{width:58%;}
  
}

@media only screen and (min-width: 1081px) and (max-width: 1280px) {
	
  .company_header .company_control_left{width:40%;}
  .company_header .company_control_right{width:58%;}
  
}

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

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

@media only screen and (max-device-width: 480px) and (orientation:portrait) {

  .header_top{display:none;}
  
  .company_header .company_branding .company_branding_logobox{text-align:center; margin:5% auto 0;}

  .company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
  .company_header .company_header_container{display:block; width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

  .company_header .company_control_mobile_back{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top;
                                               background:url('https://www.mycareerfair.my/images/icon_arrow_left_grey.png') no-repeat center left/20px;}
  .company_header .company_control_mobile_back img{display:block; width:28px; height:28px; margin:25px 0;}

  .company_header .company_control_left{display:inline-block; width:65%; vertical-align:top; margin:0 auto; text-align:center;}
  .company_header .company_branding{display:block; width:auto; height:80px; line-height:80px; margin:0; vertical-align:top;}
  .company_header .company_branding img{display:block; width:auto; height:60px; margin:10px auto;}
	.company_header .company_branding .company_branding_logo{background-position:center !important;}

  .company_header .company_control_right{display:none;}

  .company_header .company_control_mobile_menu{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top; position:relative;
                                               background:url('https://www.mycareerfair.my/images/icon_mobilenav_grey.png') no-repeat center right/20px;}

  #company_mobile_menu{display:none; width:100%; height:100vh; position:absolute; top:0; left:0; font-size:13px; line-height:18px; text-align:left;
                       padding:0; z-index:999999; background-color:rgba(0,0,0,0.95);}
  .company_mobile_close{display:block; width:50px; height:50px; position:absolute; right:25; top:25;
                        background:url('https://www.mycareerfair.my/images/icon_arrow_up_white.png') no-repeat center right 15%/22px;}

  .company_mobile_details{display:block; width:80%; margin:90px auto 0;}

  .company_mobile_nav{display:block; width:100%; font-size:1.2em; line-height:1.4em; color:#fff;}
  .company_mobile_nav a{display:block; color:#fff; margin:10px 0; font-weight:400; text-transform:capitalize;}
  .company_mobile_nav a:hover, .company_mobile_nav a:focus{color:#333; outline:none;}

  .company_mobile_title{display:block; font-size:1.3em; line-height:1.5em; margin-bottom:20px;}
  .company_mobile_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:25px auto;}

  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}
  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}

  .company_mobile_app{display:inline-block; width:auto; height:35px; float:right; vertical-align:middle;}
  
  
  .company_container{max-width:85%;}
  
  .company_content_banner{height:auto;}    
  .company_content_banner_pic{height:auto; object-fit:contain;}
  
  .company_details_introbox{display:block; width:100%; padding:1rem 0;}
  .company_job_listing_each{display:block; width:100%; max-height:none;}
  
  .company_job_listing_left, .company_job_listing_right{display:block; width:100%; min-height:initial; float:none;}
  
  .company_job_listing_list{display:block; width:100%; white-space:normal;}
  
  .company_job_listing_ext{display:none;}
  
  .company_job_listing_pic{max-height:none; margin:2rem auto 1rem; object-fit:cover;}
  
  .company_job_listing_list_info_hidden{display:block; width:100%;}
  
  .company_details_infobox{display:block; width:95%; max-width:95%; margin:2rem auto;}
  
}

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

  .header_top{display:none;}
  
  .company_header .company_branding .company_branding_logobox{text-align:center; margin:5% auto 0;}

  .company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
  .company_header .company_header_container{display:block; width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

  .company_header .company_control_mobile_back{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top;
                                               background:url('https://www.mycareerfair.my/images/icon_arrow_left_grey.png') no-repeat center left/20px;}
  .company_header .company_control_mobile_back img{display:block; width:28px; height:28px; margin:25px 0;}

  .company_header .company_control_left{display:inline-block; width:65%; vertical-align:top; margin:0 auto; text-align:center;}
  .company_header .company_branding{display:block; width:auto; height:80px; line-height:80px; margin:0; vertical-align:top;}
  .company_header .company_branding img{display:block; width:auto; height:60px; margin:10px auto;}
	.company_header .company_branding .company_branding_logo{background-position:center !important;}

  .company_header .company_control_right{display:none;}

  .company_header .company_control_mobile_menu{display:inline-block; width:15%; height:80px; line-height:80px; vertical-align:top; position:relative;
                                               background:url('https://www.mycareerfair.my/images/icon_mobilenav_grey.png') no-repeat center right/20px;}

  #company_mobile_menu{display:none; width:100%; height:100vh; position:absolute; top:0; left:0; font-size:13px; line-height:18px; text-align:left;
                       padding:0; z-index:999999; background-color:rgba(0,0,0,0.95);}
  .company_mobile_close{display:block; width:50px; height:50px; position:absolute; right:25; top:25;
                        background:url('https://www.mycareerfair.my/images/icon_arrow_up_white.png') no-repeat center right 15%/22px;}

  .company_mobile_details{display:block; width:80%; margin:90px auto 0;}

  .company_mobile_nav{display:block; width:100%; font-size:1.2em; line-height:1.4em; color:#fff;}
  .company_mobile_nav a{display:block; color:#fff; margin:10px 0; font-weight:400; text-transform:capitalize;}
  .company_mobile_nav a:hover, .company_mobile_nav a:focus{color:#333; outline:none;}

  .company_mobile_title{display:block; font-size:1.3em; line-height:1.5em; margin-bottom:20px;}
  .company_mobile_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:25px auto;}

  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}
  .company_mobile_pic{display:inline-block; width:35px; height:35px; border-radius:50%; vertical-align:middle; margin-right:10px;}

  .company_mobile_app{display:inline-block; width:auto; height:35px; float:right; vertical-align:middle;}
  
  
  .company_container{max-width:85%;}
  
  .company_content_banner{height:auto;}    
  .company_content_banner_pic{height:auto; object-fit:contain;}
  
  .company_details_introbox{display:block; width:100%; padding:1rem 0;}
  .company_job_listing_each{display:block; width:100%; max-height:none;}
  
  .company_job_listing_left, .company_job_listing_right{display:block; width:100%; min-height:initial; float:none;}
  
  .company_job_listing_list{display:block; width:100%; white-space:normal;}
  
  .company_job_listing_ext{display:none;}
  
  .company_job_listing_pic{max-height:none; margin:2rem auto 1rem; object-fit:cover;}
  
  .company_job_listing_list_info_hidden{display:block; width:100%;}
  
  .company_details_infobox{display:block; width:95%; max-width:95%; margin:2rem auto;}
  
}

/* --------------------------------------------------------------------------------------- */
/* ------------------- END media css - updated on 09/05/2023 - 11:25pm ------------------- */
/* --------------------------------------------------------------------------------------- */