@media only screen and (min-width: 1921px)
{

}

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


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

}

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


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


}
@media (min-width: 1200px) and (max-width: 1399px)
{
/* View Resume */
.personality_assesmnt_row1 ul { gap:10px; }
.personality_assesmnt_row1 ul li img { width:140px; }

}


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

body { font-size: 0.9rem; }

.btn_primary { padding: 15px 20px; }

/* View Resume */

.viewres_detail_top { padding:10px 15px }
.viewres_detail_table table tbody tr th,
.viewres_detail_table table tbody tr td { padding: 10px 15px; }
.viewres_detail_table table tbody tr th { width:180px; }

.view_resume_video video.view_resume_video__vid { height:500px; }
.personality_assesmnt_row1 ul { gap:5px; }
.personality_assesmnt_row1 ul li img { width:120px; }

.personality_assesmnt_row_red,
.personality_assesmnt_row_green { padding: 15px; }



.btn_secondary { padding:12px 30px; }

/* Header */
.main_logo { max-width:180px; }
.navigation ul li a { padding:.5rem 0.8rem }

.navigation_jobs ul li a { padding:8px; }

/* Home */

.five_steps_boxes { grid-template-columns:1fr 1fr 1fr; }

}


@media (min-width: 992px) and (max-width: 1199px)
{

}

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

h1,
.h1 { font-size:3rem; line-height: 1.1;  font-weight: 400; margin: 0; font-family: var(--dmserif); }
h2,
.h2 { font-size:2.5rem; line-height: 1.1;  font-weight: 400; margin: 0; font-family: var(--dmserif);}
h3,
.h3 { font-size: 1.6rem; line-height: 1.1; margin: 0; font-family: var(--dmserif);}
h4,
.h4 { font-size: 1.3rem; line-height: 1.2; margin: 0; font-family: var(--dmserif); }
h5,
.h5 { font-size: 1.2rem; line-height: 1.3; margin: 0; font-family: var(--dmserif); }
h6,
.h6 { font-size: 1rem; line-height: 1.3; margin: 0; font-family: var(--dmserif);}


/* Sign up */
.signin_right_des { width:95%; padding: 15px 20px;}
.signin_right_des h2 { line-height:1.5; }
.signin_right_des p { font-size:1.3rem; }


/* View Resume */
.logo_resume { max-width:150px; }
.view_resume_sec { padding:30px 0; }
.view_resume_video video.view_resume_video__vid { height:400px; }


.main-container { padding-top:60px; }
/* Header */
.main_logo { max-width:150px; }
/*.second_header { position: fixed; top: 44px; z-index: 9; width: 100%;}*/
/*.nav-open .main_header { background: rgba(120, 85, 36, 1); }*/
.main_header  .container { max-width:100%; }
.MenuBar input[type="checkbox"],
.MenuBar .hamburger-lines{
     display: block;
     cursor: pointer;
 }

 .MenuBar{
     display: block;
     position: relative;
     /*height: 64px;*/
 }

 /*.MenuBar input[type="checkbox"]{
     position: absolute;
     display: block;
     height: 23px;
     width: 30px;
     top: 0;
     left: 0;
     z-index: 5;
     opacity: 0;
     cursor: pointer;
 }*/

 .MenuBar .hamburger-lines{
     display: block;
     height: 22px;
     width: 35px;
     /*position: absolute;*/
    /* top: 20px;
     left: 20px;*/
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .MenuBar .hamburger-lines .line{
     display: block;
     height: 4px;
     width: 100%;
     border-radius: 0;
     background: var(--orangecolor);
 }

 .MenuBar .hamburger-lines .line1{
     transform-origin: 3px 1px;
     transition: transform 0.3s ease-in-out;
 }

 .MenuBar .hamburger-lines .line2{
    width: 100%;
     transition: transform 0.2s ease-in-out;
 }

 .MenuBar .hamburger-lines .line3{
     transform-origin: 13% 4px;
     transition: transform 0.3s ease-in-out;
 }

.MenuBar .hamburger-lines .hamburgerclose { position:absolute; top:2px; left:-45px; font-size: 12px; font-weight: 700; line-height: normal; text-align: left; color: var(--orangecolor); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s;}


.MenuBar .menuopen ~ .menu-items{
        transform: translateX(0);
}

.MenuBar .hamburger-lines-open .line1{
    transform: rotate(45deg);
}

.MenuBar .hamburger-lines-open .line2{
    transform: scaleY(0);
}

.MenuBar .hamburger-lines-open .line3{
    transform: rotate(-45deg);
}

.logo { width:200px; }
.header_right { float: left; width: 100%; position: fixed; top: 60px; left: 0; height: 100%; background: var(--white); opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; padding: 15px; align-content: flex-start;}
.nav_menu_buttons  { flex-direction:column; width:100%; gap:15px; }
.nav-open .header_right { opacity:1; visibility:visible; pointer-events:all; }
.navigation { float: left; width: 100%; }
.navigation ul { float: left; width: 100%; gap:0px; }
.navigation ul li { float: left; width: 100%; padding: 10px 0;
  opacity:0;
  transition:opacity .3s ease,transform .3s ease,width .3s ease,border-color .3s ease;
  width:100%;
  white-space:nowrap;
  border-bottom: 1px solid var(--white);
}



.nav-open .navigation ul li { --tw-border-opacity: 1; opacity: 1;}
.navigation ul li a { font-size: 20px;  width: 100%; }


.navigation_jobs {  float: left; width: 100%; }
.navigation_jobs ul { float: left; width: 100%; gap:0px; }
.navigation_jobs ul li { float: left; width: 100%; padding: 10px 0;
  opacity:0;
  transition:opacity .3s ease,transform .3s ease,width .3s ease,border-color .3s ease;
  width:100%;
  white-space:nowrap;
  border-bottom: 1px solid var(--white);
}
.nav-open .navigation_jobs ul li { --tw-border-opacity: 1; opacity: 1;}
.navigation_jobs ul li a { font-size: 20px; width: 100%; }

.logout_btn { align-items:center; }
.logout_btn a { padding:0 15px; }

/* Home */

.home_bnr { min-height: auto; background-color: #ffbd59; padding-top: 24px; }
.home_hero_content { width:100%; padding: 12px 0; margin: 0;}

.home_hero_wbg { display:none; }
.home_hero_imgs { width: 100%; height: 450px; min-height: 600px; margin-top: 0; position: static; padding: 30px 12px;}

.home_hero_imgs_rowone { height:100%; }
.home_hero_imgs_rowtwo { width:100%; }
.home_hero_imgs_rowthree { width:100%; }

.hire_trades_grid { grid-template-columns:1fr; }
.hire_trades_btns { justify-self: flex-start; }

.skill_trade_job_sec,
.five_steps_sect,
.professional_network_sect { padding:24px 0; }

.skill_trade_job_grid  { margin-bottom:18px; }
.skill_trade_job_grid .row { justify-content:center; }
.skill_trade_job_gridBox { margin-bottom:30px; height: calc(100% - 30px);}


.five_steps_sect .container { max-width:100%; }
.five_steps_boxes { grid-template-columns: 1fr 1fr 1fr; }

.professional_network_sect .container { max-width:100%; }
.professional_network_box_img img { height:240px; }

.perfect_job_sect { padding: 24px 0; }
.perfect_job_sect .container { max-width:100%; }
.perfect_job_sect .row { gap:30px; }

.trade_school_sect { margin-bottom:24px; }
.trade_school_row_col { grid-template-columns: 1fr; gap:20px; }
.trade_school_row { padding:48px 30px; }
.trade_school_row_colOne h2 { margin-bottom:10px; }



/* Footer */
.footer { padding:24px 0; }
.footer .container { max-width:100%; }
.footer_top { padding-bottom:24px; }
.footer_top_right { padding-right:0; padding-left:30px; }

.footer_bottom { gap:10px; padding-top: 24px;}

/* About */

.trade_professional_sect { padding:48px 0 24px }
.trade_professional_sect p br { display:none; }


/* Employer */

.employers_services_sect { padding:24px 0; }

.standard_service_box { padding:30px; }
.standard_service_top ul { grid-template-columns:1fr; }


/* Employer */

.open_jobs_fiters_sect { padding:40px 0; }
.open_jobs_fiters_left { position:static; top:0; }

.openjobs_filtersCheck { display: grid; grid-template-columns: 1fr 1fr; }
.openjobs_filtersLst { align-items: flex-start; align-content: flex-start; }

.open_jobs_fiters_row { grid-template-columns:1fr; }

/* Job Listing */

.Jobdetail_page { padding:50px 0; }
.Jobdetail_row01 .container { max-width:100%; grid-template-columns: 1fr; }
.job_post_content { padding:30px 2% 0; }

.job_post_sidemenu_row { position:relative; top:0; padding:30px 2%; }
.Jobdetail_map iframe { height:350px; }

}

@media only screen and (max-width: 767px)
{
h1,
.h1 { font-size:2.5rem; line-height: 1.1;  font-weight: 400; margin: 0; font-family: var(--dmserif); }
h2,
.h2 { font-size:2rem; line-height: 1.1;  font-weight: 400; margin: 0; font-family: var(--dmserif);}
h3,
.h3 { font-size: 1.6rem; line-height: 1.1; margin: 0; font-family: var(--dmserif);}
h4,
.h4 { font-size: 1.3rem; line-height: 1.2; margin: 0; font-family: var(--dmserif); }
h5,
.h5 { font-size: 1.2rem; line-height: 1.3; margin: 0; font-family: var(--dmserif); }
h6,
.h6 { font-size: 1rem; line-height: 1.3; margin: 0; font-family: var(--dmserif);}


/* Sign up */
.signin_left { width:100%; }

/* View Resume */
.viewres_detail_table table tbody tr th { width:120px; }



/* Home */
.btn_secondary { padding:12px 20px; }
.btn_primary {  padding:12px 20px; }

.home_hero_content h1 { font-size:2.5rem; margin-bottom:20px; }
.home_hero_content p { font-size:16px; }

.five_steps_boxes { grid-template-columns:1fr; }
.five_steps_box h3 { min-height:0; }


/* Footer */

.footer_top  .row { gap:20px; }
.footer_top_right  { padding-left:0; }

/* Employer */

.canidate_list_sec .row { justify-content:center; }
.employers_services_sect .row { gap:30px; }

/* Contact */

.trade_list { padding: 60px 0 30px; }
.trade_list .row,
.general_enquiry_lst .row { gap:30px; }

.general_enquiry_sect { padding:30px 0; }


/* Employer */
.jobsfilterMain { grid-column-gap: 10px; grid-row-gap: 10px; }
.jobsfilterbox { padding:20px 15px; }

}

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

/* View Resume */
.viewres_detail_topLft { width:100%; }
.viewres_detail_top .btn_primary { width:100%; }

.view_resume_video video.view_resume_video__vid { height:300px; }



/* Employer */
.open_jobs_fiters_row { gap:10px; }
.jobsfilterMain { grid-template-columns:1fr; }
.jobsfilterbox { padding:20px 15px; }

}


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

/* Employer */
.open_jobs_fiters_left_hdng { margin-bottom:20px; }
.openjobs_filtersLst { gap:10px; }
.openjobs_filtersLst ul { gap:10px; }

.openjobs_filtersCheck { display: grid; grid-template-columns: 1fr; }

/* Job Listing */
.job_post_header_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; align-items: flex-start;}
.job_post_header_wrap a.btn_secondary { width:100%; }

}
@media only screen and (max-width: 400px)
{
.home_hero_imgs { grid-template-columns:1fr; }
.hire_trades_btns { flex-direction:column; }


}


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

}


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

}
@media print {}