@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;400;600;700;900');

body{width:100%; margin:0; font-family:'Noto Sans', sans-serif; font-size:12px; line-height:18px; color:#333;}
a{color:#0407e1; text-decoration:none; outline:none !important;}
a:hover{color:#333; text-decoration:none; outline:none !important;}
p{margin:0; padding:0;}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #0704e1;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}

/* - - - - - - - - - - - popup css for sign in - updated 08/11/2019 - 10:54am - - - - - - - - - - -- */

#pop_up_background{display:none; width:100%; height:100%; background:#000000; position:fixed; top:0; z-index:99999999;}
#login_pop_up_box{display:none; width:350px; height:520px; font-size:11px; text-align:center; font-family:'Noto Sans', sans-serif;
									background:#fff; border-radius:25px; z-index:9999999999; position:absolute; top:15%; left:38%; transform:translate(0, 0);}

.popup_blueheader{display:block; background:#0704e1; display:absolute; top:0; width:350px; height:95px; border-radius:25px 25px 0 0;}
.popup_triangle{height:0; width:0; border-left:175px solid transparent; border-right:175px solid transparent;
								border-bottom:0 solid transparent; border-top:35px solid #0704e1;}

.pop_up_header{display:block; margin:0 auto 30px; width:100%; text-transform:uppercase; padding:25px 0 0; text-align:center; }
.pop_up_header img{width:35px;}
.popup_title{display:block; font-size:15px; line-height:35px; font-weight:600; color:#fff;}

.popup_cancel{display:block; width:auto; line-height:50px; font-size:16px; font-weight:400; font-family:Verdana, sans-serif; color:#fff; text-align:right;
              text-decoration:none; outline:none; position:absolute; right:20;}
.popup_cancel:hover{color:#f00;}

.popup_box{display:block; width:85%; height:auto; text-align:left; position:relative; margin:1.25rem auto 0;}

.popup_text::-webkit-input-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}
.popup_text::-moz-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}

.popup_text{display:block; width:100%; height:45px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#0704e1; border:1px solid #ddd;
            border-radius:5px; padding:0 15px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.popup_text:focus{border:1px solid rgba(7,4,225,0.25); box-shadow:0 0 5px rgba(7,4,225,0.15);}

.popup_see_password{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_seehover.png') no-repeat right/24px; 
							      position:absolute; position:absolute; bottom:10; right:10; cursor:pointer;}
.popup_see_password:hover{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_see.png') no-repeat right/24px;
										position:absolute; margin-top:-68px; margin-left:235px; cursor:pointer;}
										
.popup_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:1.5rem auto;}
.popup_prob{display:block; width:100%; height:auto; line-height:35px; font-size:13px; font-weight:500; color:#333; text-align:center;}
.popup_prob:hover{color:#0704e1; outline:none;}

.popup_signin{display:block; width:100%; height:45px; font-size:13px; font-weight:600; font-family:'Noto Sans', sans-serif;
              color:#fff; text-align:center; text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:5px;
              margin:1rem auto; cursor:pointer; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.popup_signin:hover, .popup_signin:focus{background:transparent; color:#0704e1;}
.popup_createbtn{display:block; width:100%; height:45px; line-height:45px; font-size:13px; font-weight:600; font-family:'Noto Sans', sans-serif; 
                 color:#333; text-align:center; text-transform:uppercase; background:#f1f1f1; border:2px solid #f0f0f0; border-radius:5px; margin:1rem auto;}
.popup_createbtn:hover, .popup_createbtn:focus{background:transparent; border:2px solid #333; color:#333;}

.popup_error{display:block; width:100%; color:#f00; text-align:center; margin:1rem auto;}

/* - - - - - - - - - - - END popup css for sign in - updated 08/11/2019 - 10:54am - - - - - - - - - - -- */


.header_support_container{display:block; width:100%; height:80vh; background:#ffffcc; position:relative; z-index:0;}

.header_contact_container{display:block; width:100%; height:80vh; background:#fce4ed; position:relative; z-index:0;}

.header_top_container{display:block; width:1280px; max-width:90%; height:100px; line-height:100px; margin:0 auto;}

.header_support_bg_img{display:block; margin:0 auto; position:absolute; bottom:0; left:35%; z-index:-1;}
.header_contact_bg_img{display:block; width:650px; max-width:100%; margin:0 auto; position:absolute; bottom:0; left:15%; z-index:-1;}


/* - - - - - - - - - - - content - - - - - - - - - - - */
.home_content{display:table; width:1280px; max-width:95%; height:auto; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.home_support_title_box, .home_contact_title_box{display:block; width:650px; max-width:100%; height:auto; text-align:right; margin:12% 0 0;}
.home_contact_title_box{display:block; width:650px; max-width:100%; height:auto; text-align:left; float:right; margin:12% 0 0;}

.home_title{display:block; width:100%; line-height:3rem; font-size:2.85rem; font-weight:700; color:#333;}
.home_subtitle{display:block; width:100%; line-height:2rem; font-size:1.2rem; font-weight:300; color:#333; margin:0 auto;}
.home_subtitle a{font-weight:600; color:#333;}
.home_subtitle a:hover{outline:none; color:#0704e1;}

.home_button{display:block; width:185px; height:40px; line-height:40px; font-size:13px; font-weight:600; color:#0704e1; text-align:center; 
            text-transform:uppercase; letter-spacing:1px; background:#fff; border:2px solid #0704e1; border-radius:25px; padding:0 1rem; margin:35px 0;}
.home_button:hover{outline:none; background:#0704e1; border:2px solid #0704e1; color:#333;}
.home_options{display:block; line-height:1.5rem; font-size:0.9rem; font-weight:400; color:#333; margin:2rem auto;}
.home_options a{outline:none; color:#333;}
.home_options a:hover{outline:none; color:#0704e1; text-shadow:0px 0px 1px rgba(255,255,255,1);}


/* ----- support page ----- */

.faq{display:block; width:100%; text-align:center; margin:25px auto; padding-top:55px;}
.faq_container{display:block; min-width:60%; width:1024px; max-width:80%; margin:0 auto;}

.faq_title{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto;}
.faq_subtitle{display:block; width:80%; font-size:14px; line-height:22px; color:#999; text-align:center; margin:0 auto; padding:5px 0 0;}


.faq_start{display:inline-block; width:8%; font-size:12px; font-weight:600; color:#0704e1; text-align:center; text-transform:uppercase; padding:65px 0.5% 15px; 
           margin:0 0.5%; vertical-align:top; background:url('https://assets.jobstore.my/images/employer/faq/faq_start.png') #fff no-repeat top 35% center/45px;}
.faq_start:hover{border-radius:5px; background:url('https://assets.jobstore.my/images/employer/faq/faq_start.png') #f2f5f7 no-repeat top 35% center/45px;}

.faq_billing{display:inline-block; width:8%; font-size:12px; font-weight:600; color:#0704e1; text-align:center; text-transform:uppercase; padding:65px 0.5% 15px;
             margin:0 0.5%; vertical-align:top; background:url('https://assets.jobstore.my/images/employer/faq/faq_billing.png') #fff no-repeat top 25% center/45px;}
.faq_billing:hover{border-radius:5px; background:url('https://assets.jobstore.my/images/employer/faq/faq_billing.png') #f2f5f7 no-repeat top 25% center/45px;}

.faq_posting{display:inline-block; width:8%; font-size:12px; font-weight:600; color:#0704e1; text-align:center; text-transform:uppercase; padding:65px 0.5% 15px;
             margin:0 0.5%; vertical-align:top; background:url('https://assets.jobstore.my/images/employer/faq/faq_posting.png') #fff no-repeat top 25% center/45px;}
.faq_posting:hover{border-radius:5px; background:url('https://assets.jobstore.my/images/employer/faq/faq_posting.png') #f2f5f7 no-repeat top 25% center/45px;}

.faq_app{display:inline-block; width:8%; font-size:12px; font-weight:600; color:#0704e1; text-align:center; text-transform:uppercase; padding:65px 0.5% 15px;
         margin:0 0.5%; vertical-align:top; background:url('https://assets.jobstore.my/images/employer/faq/faq_app.png') #fff no-repeat top 35% center/35px;}
.faq_app:hover{border-radius:5px; background:url('https://assets.jobstore.my/images/employer/faq/faq_app.png') #f2f5f7 no-repeat top 35% center/35px;}

.faq_setting{display:inline-block; width:8%; font-size:12px; font-weight:600; color:#0704e1; text-align:center; text-transform:uppercase; padding:65px 0.5% 15px;
             margin:0 0.5%; vertical-align:top; background:url('https://assets.jobstore.my/images/employer/faq/faq_setting.png') #fff no-repeat top 35% center/35px;}
.faq_setting:hover{border-radius:5px; background:url('https://assets.jobstore.my/images/employer/faq/faq_setting.png') #f2f5f7 no-repeat top 35% center/35px;}


.faq_box{display:block; width:100%; margin:0 auto;}
.faq_box_options{display:block; width:100%; text-align:center; margin:55px auto 35px;}

.faq_box_details{display:block; width:920px; max-width:80%; margin:0 auto;}

#started-container, #bill-container, #post-container, #apply-container, #setting-container{padding-top:35px;}

.faq_box_left{display:inline-block; width:55%; max-width:52%; margin:25px auto 0; vertical-align:top;}
.faq_box_right{display:inline-block; width:47%; max-width:47%; margin:25px auto 0; vertical-align:top;}

.faq_section{display:block; margin:15px 0 35px; position:relative;}
.faq_box_left .faq_section{width:92%;}
.faq_box_right .faq_section{width:96%;}

.faq_section p{display:none; width:92%; line-height:22px; margin:5px 0;}
.faq_section ul li{display:none; line-height:22px; margin:5px 0;}
.faq_section ul li:before{content:"\03bf"; display:inline-block; margin-left:-1.3em; width:1.3em; }

.faq_section h6{display:block; font-weight:400; color:#666; margin:15px 0;}
.faq_section input{position:absolute; z-index:2; cursor:pointer; opacity:0; display:none; margin:0;	width:100%; height:36px;}
.faq_section label+p{display:block; color:#999; font-size:12px; margin-top:10px; -webkit-transition: all .15s ease-out;
										-moz-transition: all .15s ease-out;-ms-transition: all .15s ease-out;-o-transition: all .15s ease-out;
										transition: all .15s ease-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.faq_section input[type=checkbox]:checked~p{display: block;color:#444;font-size: 12px;text-overflow: clip; white-space: normal;overflow: visible;	}

.faq_section input[type=checkbox]:checked~ul li{display: block;color:#444;font-size: 12px;text-overflow: clip; white-space: normal;overflow: visible;	}

.faq_section label{font-size:14px; display:block; position:relative; height:20px; font-weight:600; cursor:pointer; color:#444;}
.faq_section label::-moz-selection{background: none;}
.faq_section label::selection{background: none;}
.faq_section label:hover{background: none;}
.faq_section input[type=checkbox]:checked~label{color:#0704e1;}
.faq_section label::before{content: '';position: absolute;right: 4px;top: 50%;margin-top: -6px;border: 3px solid transparent;border-left-color: inherit;}
.faq_section input[type=checkbox]:checked~label::before{border: 3px solid transparent;border-top-color: inherit;margin-top: -3px;right: 10px;	}

/* ------------------------------------------ contact page - updated 14/5/2018 - 4:03pm ------------------------------------------ */

.contact input::-webkit-input-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}
.contact input::-moz-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}
.contact textarea::-webkit-input-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}
.contact textarea::-moz-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:13px;}

.contact{display:block; width:100%; text-align:center; margin:25px auto; padding-top:55px;}
.contact_container{display:block; min-width:60%; width:1024px; max-width:80%; margin:0 auto;}

.contact_title{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto;}
.contact_subtitle{display:block; width:80%; font-size:14px; line-height:22px; color:#999; text-align:center; margin:0 auto; padding:5px 0 0;}

.contact_successful{display:block; color:#0704e1; background:#d9e7ff; font-size:14px; font-weight:600; text-align:center; padding:12px 0;}

.contact_errornotice{display:block; color:#fff; background:#990000; font-size:14px; font-weight:600; text-align:center; padding:16px 0;}

.contact_form{display:block; width:500px; margin:55px auto;}
.contact_box{display:block; width:100%; text-align:left; margin:1rem auto;}

.contact_error{display:block; width:100%; font-size:14px; color:#f00; font-family:'Noto Sans', sans-serif; margin:5px 0;}

.contact_label{display:block; width:100%; height:35px; line-height:35px; font-size:14px; font-weight:600; color:#666; text-transform:none;
               font-family:'Noto Sans', sans-serif;}

.contact_text{display:block; width:100%; height:40px; line-height:40px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#0704e1; 
              padding:0 10px; border:1px solid #ddd; border-radius:5px; vertical-align:top;}
.contact_text:hover, .contact_text:focus{outline:none; border:1px solid rgba(7,4,225,0.5); box-shadow:1px 1px 5px rgba(7,4,225,0.15);}
.contact_text_error{display:block; width:100%; height:35px; line-height:35px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#000; 
                    padding:0 10px; border:1px solid #f00; vertical-align:top;}
.contact_text_error:focus{outline:none; border:1px solid #c00;}

.contact_select{display:block; width:100%; height:40px; line-height:40px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#0704e1; 
                padding:0 10px; border:1px solid #ddd; border-radius:5px; vertical-align:top; appearance:none; -moz-appearance:none; -webkit-appearance:none;
                background:url(https://asset.jobstore.com/images/arrow_down.png) no-repeat center right 10px/12px;}
.contact_select:focus{outline:none; border:1px solid rgba(7,4,225,0.5); box-shadow:1px 1px 5px rgba(7,4,225,0.15);}
.contact_select_error{display:block; width:100%; height:35px; line-height:35px; font-size:14px; font-family:'Noto Sans', sans-serif; color:#000; 
                      padding:0 10px; border:1px solid #f00; vertical-align:top; appearance:none; -moz-appearance:none; -webkit-appearance:none;
                      background:url(https://asset.jobstore.com/images/arrow_down.png) no-repeat center right 10px/12px;}
.contact_select_error:focus{outline:none; border:1px solid #c00;}

.contact_textarea{display:block; width:100%; min-height:85px; height:85px; max-height:125px; line-height:18px; font-size:14px; font-family:'Noto Sans', sans-serif;
									color:#0704e1; padding:10px; border:1px solid #ddd; border-radius:5px; vertical-align:top; resize:vertical;}
.contact_textarea:focus{outline:none; border:1px solid rgba(7,4,225,0.5); box-shadow:1px 1px 5px rgba(7,4,225,0.15);}
.contact_textarea_error{display:block; width:100%; min-height:85px; height:85px; max-height:125px; line-height:18px; font-size:14px;
                        font-family:'Noto Sans', sans-serif; color:#000; padding:10px; border:1px solid #f00; vertical-align:top; resize:vertical;}
.contact_textarea_error:focus{outline:none; border:1px solid #c00;}

.contact_submit{display:inline-block; width:160px; height:45px; line-height:42px; color:#fff; padding:0 15px; text-transform:uppercase;
								font-family:'Noto Sans', sans-serif; font-size:13px; font-weight:600; letter-spacing:1px; background:#0704e1; border:2px solid #0704e1;
								border-radius:25px; cursor:pointer; margin:25px 15px 0 0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.contact_submit:hover, .contact_submit:focus{outline:none;color:#0704e1; background:#fff; border:2px solid #0704e1;}

.contact_cancel{display:inline-block; width:120px; height:42px; line-height:42px; color:#666; padding:0 15px; text-transform:uppercase;
								font-family:'Noto Sans', sans-serif; font-size:13px; font-weight:600; letter-spacing:1px; background:#fff; border:2px solid #888;
								border-radius:25px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.contact_cancel:hover, .contact_cancel:focus{outline:none; color:#333; background:#f1f1f1; border:2px solid #999;}

.g-recaptcha{display:block; width:100%; margin:0 auto; text-align:center;}
.g-recaptcha div{width:100% !important; margin:0 auto; text-align:center;}

.captcha_box{display:block; width:100%; margin:25px auto 45px; padding:25px 0; text-align:center; border:1px solid #f1f1f1; border-radius:3px;}
.captcha_title{display:block; font-size:13px; line-height:22px; font-weight:400; color:#333; margin-bottom:20px;}
.captcha_box_error{display:block; width:100%; margin:25px auto 0; padding:25px 0; text-align:center; border:1px solid #ff0000; border-radius:3px;}
.captcha_error{display:block; width:100%; font-size:14px; color:#f00; font-family:'Noto Sans', sans-serif; margin:5px 0 35px;}

/* ------------------------------------------ END contact page - updated 14/5/2018 - 4:03pm ------------------------------------------ */


.team_manage .manage_section{width:100%; display:block; text-align:center; margin:15px 0;}
.team_manage .section_title{font-weight:400;font-size: 16px;color: #5f6a7d; text-align:left; text-transform:uppercase; margin-bottom:15px; }
.team_manage .section_divided{width:60px;margin-bottom:30px; border-bottom:2px solid #448aff;}


/* ----- support team section ----- */
.support{display:block; width:100%; text-align:center; margin:25px auto 65px; padding-top:35px;}
.support_container{display:block; width:80%; margin:0 auto;}

.support_title{display:block; width:90%; font-size:14px; line-height:22px; color:#999; text-align:center; text-transform:uppercase; margin:0 auto;
							 padding-top:60px; background:url('https://assets.jobstore.my/images/icon/icon_x_separator.png') no-repeat top center;}
.support_subtitle{display:block; width:80%; font-size:32px; line-height:36px; font-weight:300; color:#515357; text-align:center; margin:0 auto; padding:5px 0 35px;}

.support_img{display:block; width:1024px; max-width:90%; height:auto; margin:0 auto;}

.support_content{display:block; width:90%; font-size:16px; line-height:24px; font-weight:300; color:#515357; text-align:center; margin:25px auto;}
.support_buttons{display:block; width:90%; text-align:center; margin:0 auto;}

.support_hire{display:inline-block; width:150px; height:35px; line-height:35px; font-size:13px; font-weight:700; color:#fff; letter-spacing:1px; 
							text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:25px; margin-right:10px;}
.support_hire:hover{outline:none; color:#0704e1; background:#fff; border:2px solid #0704e1;}

.support_contact{display:inline-block; width:165px; height:35px; line-height:35px; font-size:13px; font-weight:700; color:#0704e1; letter-spacing:1px; 
								 text-transform:uppercase; background:#fff; border:2px solid #0704e1; border-radius:25px; margin-left:10px;}
.support_contact:hover{outline:none; color:#fff; background:#0704e1; border:2px solid #0704e1;}


/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------ END media section - updated 04/09/2023 - 11:51am ------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block; width:80%;}
  
  .header_support_bg_img{display:block; width:100%; left:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_support_title_box, .home_contact_title_box{text-align:left; margin:1rem auto;}
  .home_subtitle, .home_options{display:none;}
  
	.support_img{display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	.support_hire, .support_contact{display:block; width:165px; margin:15px auto;}
	
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:25%;}
  .faq_box_left, .faq_box_right{display:block; width:90%; max-width:90%;}
  .faq_box_left .faq_section, .faq_box_right .faq_section{display:block; width:100%;}
  
  .contact{padding-top:35px;}
  .contact_container{max-width:85%;}
  .contact_title, .contact_subtitle{width:100%;}
  .contact_form{display:block; width:100%; margin:35px auto;}
  .contact_submit{display:inline-block; width:150px;}
  .contact_cancel{display:inline-block; width:100px;}

  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block; width:80%;}
  
  .header_support_bg_img{display:block; width:100%; left:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_support_title_box, .home_contact_title_box{text-align:left; margin:1rem auto;}
  .home_subtitle, .home_options{display:none;}
  
	.support_img{display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	.support_hire, .support_contact{display:block; width:165px; margin:15px auto;}
	
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:25%;}
  .faq_box_left, .faq_box_right{display:block; width:90%; max-width:90%;}
  .faq_box_left .faq_section, .faq_box_right .faq_section{display:block; width:100%;}
  
  .contact{padding-top:35px;}
  .contact_container{max-width:85%;}
  .contact_title, .contact_subtitle{width:100%;}
  .contact_form{display:block; width:100%; margin:35px auto;}
  .contact_submit{display:inline-block; width:150px;}
  .contact_cancel{display:inline-block; width:100px;}

  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
  
  .header_top_left{width:75%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:24%; margin:35px 0;}
  #login{display:none;}
  .header_right_employer{width:150px; margin:0;}
  
  .header_container{height:88vh;}
  
  .home_support_title_box, .home_contact_title_box{display:block; max-width:90%; text-align:left; margin:5% auto;}
  
  .header_support_bg_img{display:block; width:50%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:50%; right:0; z-index:-1;}
  
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:15%;}
  
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
  
  .header_top_left{width:75%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:24%; margin:35px 0;}
  #login{display:none;}
  .header_right_employer{width:150px; margin:0;}
  
  .header_container{height:88vh;}
  
  .home_support_title_box{display:block; max-width:90%; text-align:left; float:none; margin:5% auto;}
  .home_contact_title_box{display:block; width:90%; text-align:left; float:none; margin:3rem auto;}
  
  .header_support_bg_img{display:block; width:50%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:55%; right:0; z-index:-1;}
  
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:15%;}
  
}

@media only screen and (min-width: 921px) and (max-width: 980px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_support_title_box{display:block; max-width:90%; text-align:left; margin:5%;}
  .home_contact_title_box{display:block; width:80%; text-align:left; float:none; margin:3rem auto;}
  
  .header_support_bg_img{display:block; width:50%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:65%; right:0; z-index:-1;}
  
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:15%;}
  
}

@media only screen and (min-width: 981px) and (max-width: 1023px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_support_title_box{display:block; width:65%; text-align:left; float:none; margin:3rem;}
  .home_contact_title_box{display:block; width:80%; text-align:left; float:none; margin:3rem auto;}
  
  .header_support_bg_img{display:block; width:65%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:55%; right:0; z-index:-1;}
  
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	
  .header_top_left{width:68%;}
  .header_left_logo{width:150px;}
  
  .header_top_right{width:30%; margin:0;}
  .header_right_employer{width:150px;}
  
  .header_container{height:88vh;}
  
  .home_support_title_box{width:65%; text-align:left; margin:3rem 2.5%;}
  .home_contact_title_box{width:80%; text-align:left; float:none; margin:3rem auto;}
  
  .header_support_bg_img{display:block; width:65%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:50%; right:0; z-index:-1;}
  
}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {
	
	.home_support_title_box, .home_contact_title_box{margin:5% 0 0;}
	
	.home_contact_title_box{width:80%; text-align:left; float:none; margin:3rem auto;}
	
  .header_support_bg_img{display:block; width:65%; right:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:40%; left:50%; right:0; z-index:-1;}
  
}

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

@media only screen and (max-device-width: 480px) and (orientation:portrait){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block; width:80%;}
  
  .header_support_bg_img{display:block; width:100%; left:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_support_title_box, .home_contact_title_box{text-align:left; margin:1rem auto;}
  .home_subtitle, .home_options{display:none;}
  
	.support_img{display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	.support_hire, .support_contact{display:block; width:165px; margin:15px auto;}
	
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:25%;}
  .faq_box_left, .faq_box_right{display:block; width:90%; max-width:90%;}
  .faq_box_left .faq_section, .faq_box_right .faq_section{display:block; width:100%;}
  
  .contact{padding-top:35px;}
  .contact_container{max-width:85%;}
  .contact_title, .contact_subtitle{width:100%;}
  .contact_form{display:block; width:100%; margin:35px auto;}
  .contact_submit{display:inline-block; width:150px;}
  .contact_cancel{display:inline-block; width:100px;}

  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape){
  
  .header_top_container{height:auto; line-height:50px;}
  .header_top_left{display:block; width:100%; text-align:center;}
  .header_left_logo{display:block; width:200px; padding:2rem 0 1rem; margin:0 auto;}
  .header_left_menu{height:50px; line-height:50px; margin:0 2.5%;}
  
  .header_top_right{display:none;}
  
  .home_content{display:block; width:80%;}
  
  .header_support_bg_img{display:block; width:100%; left:0; z-index:-1;}
  .header_contact_bg_img{display:block; width:100%; left:0; z-index:-1;}
  
  .home_support_title_box, .home_contact_title_box{text-align:left; margin:1rem auto;}
  .home_subtitle, .home_options{display:none;}
  
	.support_img{display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
	.support_hire, .support_contact{display:block; width:165px; margin:15px auto;}
	
  .faq_start, .faq_billing, .faq_posting, .faq_app, .faq_setting{width:25%;}
  .faq_box_left, .faq_box_right{display:block; width:90%; max-width:90%;}
  .faq_box_left .faq_section, .faq_box_right .faq_section{display:block; width:100%;}
  
  .contact{padding-top:35px;}
  .contact_container{max-width:85%;}
  .contact_title, .contact_subtitle{width:100%;}
  .contact_form{display:block; width:100%; margin:35px auto;}
  .contact_submit{display:inline-block; width:150px;}
  .contact_cancel{display:inline-block; width:100px;}

  .support_hire, .support_contact{display:block; width:65%; margin:1rem auto;}
  
}

/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------ END media section - updated 04/09/2023 - 11:51am ------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */