@media only screen and (max-width: 1200px) { 
    .service_list ul li {width: 50%;}
    .cont_wrap {  padding-left: 20px;}
    .seekers_wrap { padding: 0 0px 0 0;}
    .right_content h2 { font-size: 34px;   margin-bottom: 25px;    line-height: 38px;}
    .right_content  p {margin-bottom: 15px}
    .blog_wrap ul {    padding: 0 0;}
    .blog_wrap li {padding: 0 9px;}
    .feat_img img {height: 20vw}
    .footer_logos  {padding-right: 10px}
    .left_contact {width: 100%; float: none; text-align: center; border-bottom: 1px solid #fff;}
    .social {float: none; text-align: center}
    .top_footer {border: none}
    .footer_logos {  padding-right: 40px;}
     
    .landing.three_column_content {
            padding: 1em 1.5em;
    }
    .landing.three_column {
    	padding: 4rem 0px;
    
    
}


@media only screen and (max-width: 1100px) { 
    .banner_content h1 {font-size: 36px; line-height: 40px;}
    .banner_content p {   font-size: 18px;    margin-bottom: 30px;    line-height: 24px;}
    .banner_content a ,.right_content  a {font-size: 22px;  margin-bottom: 33px;   line-height: 26px;}
    .feat_img img {    min-height: 200px}
    .rmore {bottom: 20px;}
    .banner_img img {    min-height: 400px;    object-fit: cover;}
    .page_info h1 {    font-size: 32px;    background-size: 56px 32px;    padding-left: 74px;padding-bottom: 15px;}
    .page_info {width: 400px;bottom: -45px;  padding: 25px;}
    .page_info  p {font-size: 18px;    line-height: 24px;}
    .section2:after {position: absolute; width: 100%; left:0; top: 0; height: 100%; background: rgba(255,255,255, 0.5); content: ""; display: block;z-index: 1;}
    .sect_content {z-index: 12}
    .page-template-employeers  .service_list ul li a {max-width: 200px; font-size: 18px;}
    .page-template-employeers .service_list ul li .list_wrap {    padding: 85px 9px 0px;}
    .page-template-employeers .service_list ul li {    padding: 0 9px; }
     .left_sec {  padding-right: 35px;   width: 65.2%;}
    .sidebar {   width: 34.8%;}
   .newsletter_form .tnp-widget .tnp-field.tnp-field-button input {18px 16px 15px!important; font-size: 18px;}
    .newsletter_form .tnp-field-button {    width: 15.2%!important;}
    .newsletter_form .tnp-widget .tnp-field {    width: 27.2%;    padding: 0px 5px;}
    .main-navigation .primary-menu > li { padding: 0 10px;}
    .landing.three_column {
    	padding: 4rem 0px;
	}
    
    }
    
@media only screen and (max-width: 969px){
    .main-navigation .primary-menu > li {
        padding: 0 10px;
    }
    .main-navigation .primary-menu > li > a {
        font-size: 15px;
    } 
      

}

@media only screen and (max-width: 870px){
    .main-navigation .primary-menu > li {
        padding: 0 5px;
    }
    .main-navigation .primary-menu > li > a {
        font-size: 14px;
    }
    .banner_content a.multiple_hero_btn{
        margin: 0 0 10px 0        ;
        width: 230px;
        display: inline-block;
    }
	.banner_content h1 {
    	font-size: 26px;
    }
    .banner_content p {
	    font-size: 16px;
    	line-height: 17px;
    }
    .banner_content a.multiple_hero_btn {
        background-repeat: no-repeat;
        background-position: 10px center;
        padding: 13px 10px 13px 57px;
        font-size: 12px;
        margin-right: 10px;
        margin-bottom: 0;
    }
      .landing.three_column{ 
            width: 100%;
            padding: 4rem 0px;
        }
        .landing.three_column_content{ 
            width: 33%;
            padding: 1em 1.5em;
        } 
        .banner_content .intro_title {
               font-family: 'Proxima Nova Rg';
                margin-bottom: 0.5rem;
                color: #fff;
                font-size: 1.5rem;
                line-height: 50px;
                background-repeat: no-repeat!important;
                background-size: 2.5rem 2.5rem !important;
                display: inline-block;
                background-position: left center!important;
                /* padding: 5px 0 2px 66px; */
                text-transform: uppercase;
        }
}
    

@media only screen and (max-width: 768px) { 
    .right_content {   text-align: center;}
    .banner_img img {height: auto; min-height: 100%}
    .newsletter_form .tnp-widget .tnp-field { width: 100%;   padding: 0px;}
    .newsletter_form .tnp-field-button { width: 100%!important;}
    .widget_box li a {margin-bottom: 20px;}
    .left_sec {width: 100%; padding-right: 0;}
    
    .page-template-lp_right_sidebar .additional_resources ul:first-of-type , .page-template-lp_right_sidebar .additional_resources ul:last-of-type{width: 50%; padding-right: 0}
    .additional_resources li.contact_details {width: 100%;}
    .sidebar{width: 100%; }
    .dropdown-toggle {    right: 15px;  font-size: 24px; cursor:pointer; top: 7px;}
    .sub-menu {position: relative}
    .sub-menu {background: #002b54; position: relative; z-index: 999; width: 100%;  left: 0;  top: 0;    text-align: center;    display: none;    margin-left: 0;}
    .site-header-menu {padding-top: 22px;}
    .site-header-main {position: relative}
    .main-navigation .primary-menu > li > a:after   {display: none}
    .main-navigation .primary-menu > li.current-menu-item > a:after { height: 1px; bottom: 4px;   padding-bottom: 1px; }
    .col_left, .col_right {float: none}
    .primary-menu {display: none; position: absolute; width: 100%;  background: #fff; z-index: 999; left: 0;    top: calc(100% + 4px);}
    .main-navigation .primary-menu > li { display: block; padding: 0 5px; position: relative;  text-align: center;}
    .main-navigation .primary-menu > li > a {font-size: 13px; padding: 10px 0; display: inline-block}
    
    /* allow for custom height 
    .bg_img img {height: 400px;}
    */
    .title_sec {padding: 0 15px;}
    /* Keep Banner centered
    .cont_wrap , .banner_content {    padding: 0;} */
    .banner_content .intro_title {    font-size: 18px;      margin-bottom: 12px;  line-height: 22px;}
    .banner_content h1 { font-size: 26px;     line-height: 30px;}
    .banner_content p {    font-size: 15px;    margin-bottom: 20px;    line-height: 20px;}
       .services {padding: 50px 0; }
    .services h3 {font-size: 18px;       padding-bottom: 30px; line-height: 26px;}
    .cards.service_list ul li img {width: 50%;}
    .service_list ul li {width: 100%; padding: 0 15px;}
    .service_list ul li a {max-width: 200px}
    .service_list ul li .list_wrap {    padding: 85px 15px 0px;}
    .left_img{margin-top: 0px; width: 100%;}
    .right_content{margin-top: 0px; width: 100%;}
    .seekers {padding-bottom: 30px}
    .blogs {padding: 50px 0; }
    .landing.two_column_content {width: 100%; padding: 0 2em;}
	.landing.three_column_content {width: 100%; }
    .sec_title h2 {    font-size: 26px;}
    /*.blog_wrap li {float: none; width: 100%; margin-bottom: 30px}*/
    .feat_img img {    height: auto; min-height: 200px}
    .footer_logos {width: 100%; text-align:center; padding-right: 0}
    .contact_widgets , .footer_menu {width: 100%; text-align:center; padding-left: 0; margin-bottom: 50px;}
    .middle_footer h2:after {    right: 0;    margin: 0 auto;}
    .middle_footer {padding-bottom: 30px}
    .page_info {width: 100%; bottom: 0; position: relative}
    .section_imge img {height: auto; object-fit: cover}
    .sect_content {    width: 510px;    position: relative;    top: 0;       text-align: center;    right: initial;
    left: initial;  transform: translateX(00%); width: 100%; padding: 50px 15px 0 15px  }
    .section2  h2 {    font-size: 28px;  line-height: 32px;  margin-bottom: 13px;}
    .page_block .service_list ul li {width: 100%;}
.page_block { background-color: #eeecec;   padding: 40px 0 50px 0;}
    .for_employers .left_img img {height: auto; max-width: 100%; width: 100%;}
    .cta h3 {  color: #fff;font-size: 28px; line-height: 36px;  margin-bottom: 35px;   font-family: 'Proxima Nova light';}
    .menu_btn {display: block}
    .site-branding {width: 50%; float: left}
    .site-branding img {width: 50%;}
    .site-header-menu {width: 50%; float: right}
    .menu_btn > span {
        position: absolute;
        top: 50px;
        right: 0;
        padding: 0;
    padding-top: 2px;
    font-size: 12px;

    }
    
}

@media only screen and (max-width: 1200px) { 
    .service_list ul li {width: 50%;}
    .cont_wrap {  padding-left: 20px;}
    .seekers_wrap { padding: 0 0px 0 0;}
    .right_content h2 { font-size: 34px;   margin-bottom: 25px;    line-height: 38px;}
    .right_content  p {margin-bottom: 15px}
    .blog_wrap ul {    padding: 0 0;}
    .blog_wrap li {padding: 0 9px;}
    .feat_img img {height: 20vw}
    .footer_logos  {padding-right: 10px}
    .left_contact {width: 100%; float: none; text-align: center; border-bottom: 1px solid #fff;}
    .social {float: none; text-align: center}
    .top_footer {border: none}
    .footer_logos {  padding-right: 40px;}
}


@media only screen and (max-width: 1100px) { 
    .banner_content h1 {font-size: 36px;  margin-bottom: 20px;  line-height: 40px;}
    .banner_content p {   font-size: 18px;    margin-bottom: 30px;    line-height: 24px;}
    .banner_content a ,.right_content  a {font-size: 22px;  margin-bottom: 33px;   line-height: 26px;}
    .feat_img img {    min-height: 200px}
    .rmore {bottom: 20px;}
    .banner_img img {    min-height: 400px;    object-fit: cover;}
    .page_info h1 {    font-size: 32px;    background-size: 56px 32px;    padding-left: 74px;padding-bottom: 15px;}
    .page_info {width: 400px;bottom: -45px;  padding: 25px;}
    .page_info  p {font-size: 18px;    line-height: 24px;}
    .section2:after {position: absolute; width: 100%; left:0; top: 0; height: 100%; background: rgba(255,255,255, 0.5); content: ""; display: block;z-index: 1;}
    .sect_content {z-index: 12}
    .page-template-employeers  .service_list ul li a {max-width: 200px; font-size: 18px;}
    .page-template-employeers .service_list ul li .list_wrap {    padding: 85px 9px 0px;}
    .page-template-employeers .service_list ul li {    padding: 0 9px; }
     .left_sec {  padding-right: 35px;   width: 65.2%;}
    .sidebar {   width: 34.8%;}
   .newsletter_form .tnp-widget .tnp-field.tnp-field-button input {18px 16px 15px!important; font-size: 18px;}
    .newsletter_form .tnp-field-button {    width: 15.2%!important;}
    .newsletter_form .tnp-widget .tnp-field {    width: 27.2%;    padding: 0px 5px;}
    .main-navigation .primary-menu > li { padding: 0 10px;}
    }
    
@media only screen and (max-width: 969px){
.main-navigation .primary-menu > li {
	padding: 0 10px;
}
.main-navigation .primary-menu > li > a {
	font-size: 15px;
}

}

@media only screen and (max-width: 870px){
    .main-navigation .primary-menu > li {
        padding: 0 5px;
    }
    .main-navigation .primary-menu > li > a {
        font-size: 14px;
    }
    .banner_content a.multiple_hero_btn{
        margin: 0 0 10px 0;
        width: 230px;
        display: inline-block;
    }
	.banner_content h1 {
    	font-size: 26px;
    }
    .banner_content p {
	    font-size: 14px;
    	line-height: 17px;
    }
    .banner_content a.multiple_hero_btn {
        background-repeat: no-repeat;
        background-position: 10px center; 
        margin-right: 10px;
        margin-bottom: 10px;
     	padding: 1rem 1rem 1rem 4.5rem;
    }
}
    

@media only screen and (max-width: 767px) { 
    .right_content {   text-align: center;}
    .banner_img img {height: auto; min-height: 100%}
    .newsletter_form .tnp-widget .tnp-field { width: 100%;   padding: 0px;}
    .newsletter_form .tnp-field-button { width: 100%!important;}
    .widget_box li a {margin-bottom: 20px;}
    .left_sec {width: 100%; padding-right: 0;}
    
    .page-template-lp_right_sidebar .additional_resources ul:first-of-type , .page-template-lp_right_sidebar .additional_resources ul:last-of-type{width: 100%; padding-right: 0}
    .additional_resources li.contact_details {width: 100%;}
    .sidebar{width: 100%; }
    .dropdown-toggle {    right: 15px;  font-size: 24px; cursor:pointer; top: 7px;}
    .sub-menu {position: relative}
    .sub-menu {background: #002b54; position: relative; z-index: 999; width: 100%;  left: 0;  top: 0;    text-align: center;    display: none;    margin-left: 0;}
    .site-header-menu {padding-top: 22px;}
    .site-header-main {position: relative}
    .main-navigation .primary-menu > li > a:after   {display: none}
    .main-navigation .primary-menu > li.current-menu-item > a:after { height: 1px; bottom: 4px;   padding-bottom: 1px; }
    .col_left, .col_right {float: none}
    .primary-menu {display: none; position: absolute; width: 100%;  background: #fff; z-index: 999; left: 0;    top: calc(100% + 4px);}
    .main-navigation .primary-menu > li { display: block; padding: 0 5px; position: relative;  text-align: center;}
    .main-navigation .primary-menu > li > a {font-size: 13px; padding: 10px 0; display: inline-block}
    
    /* allow for custom height 
    .bg_img img {height: 400px;}
    */
    .title_sec {padding: 0 15px;}
    /* Keep Banner centered
    .cont_wrap , .banner_content {    padding: 0;} */
    .banner_content .intro_title {    font-size: 18px;      margin-bottom: 12px;  line-height: 22px;}
    .banner_content h1 { font-size: 26px; line-height: 30px;}
    .banner_content p {    font-size: 15px;    margin-bottom: 20px;    line-height: 20px;}
       .services {padding: 50px 0; }
    .services h3 {font-size: 18px;       padding-bottom: 30px; line-height: 26px;}
    .cards.service_list ul li img {width: 50%;}
    .service_list ul li {width: 100%; padding: 0}
    .service_list ul li a {max-width: 200px}
    .service_list ul li .list_wrap {    padding: 85px 15px 0px;}
    .left_img{margin-top: 0px; width: 100%;}
    .right_content{margin-top: 0px; width: 100%;}
    .seekers {padding-bottom: 30px}
    .blogs {padding: 50px 0; }
    .landing.two_column_content {width: 100%; padding: 0 2em;}
	.landing.three_column_content {width: 100%;}
    .landing.three_column_content img {
        width: 100%;
        height: auto;
        background-position: center;
        object-fit: cover;
    }
    .sec_title h2 {    font-size: 26px;}
    .blog_wrap li {float: none; width: 100%; margin-bottom: 30px}
    .feat_img img {    height: auto; min-height: 200px}
    .footer_logos {width: 100%; text-align:center; padding-right: 0}
    .contact_widgets , .footer_menu {width: 100%; text-align:center; padding-left: 0; margin-bottom: 50px;}
    .middle_footer h2:after {    right: 0;    margin: 0 auto;}
    .middle_footer {padding-bottom: 30px}
    .page_info {width: 100%; bottom: 0; position: relative}
    .section_imge img {height: auto; object-fit: cover}
    .sect_content {    width: 510px;    position: relative;    top: 0;       text-align: center;    right: initial;
    left: initial;  transform: translateX(00%); width: 100%; padding: 50px 15px 0 15px  }
    .section2  h2 {    font-size: 28px;  line-height: 32px;  margin-bottom: 13px;}
    .page_block .service_list ul li {width: 100%;}
.page_block { background-color: #eeecec;   padding: 40px 0 50px 0;}
    .for_employers .left_img img {height: auto; max-width: 100%; width: 100%;}
    .cta h3 {  color: #fff;font-size: 28px; line-height: 36px;  margin-bottom: 35px;   font-family: 'Proxima Nova light';}
    .menu_btn {display: block}
    .site-branding {width: 50%; float: left}
    .site-branding img {width: 100%;}
    .site-header-menu {width: 50%; float: right}
    
}

@media only screen and (max-width: 674px) {	
    .bg_img {
    	height: 670px;
    }
    .bg_img img{
    	height: 100%;
        object-fit: none;
        width: auto;
    }
    .banner_content {
    	padding: 0 80px;
    }
    .banner_content h1 {
    	font-size: 24px; 
    } 
    .banner_content a {
    	margin-bottom: 30px;
    }
}

@media only screen and (max-width: 425px) {	
    .bg_img {
    	height: 700px;
    }
    .bg_img img{
    	height: 100%;
        object-fit: none;
        width: auto;
    } 
    .banner_content h1 {
    	font-size: 24px; 
        margin-top: 30px;
    } 
    .banner_content a {
    	margin-bottom: 30px;
    }
}

@media only screen and (max-width: 375px) {	
    .bg_img {
    	height: 755px;
    }
    .bg_img img{
    	height: 100%;
        object-fit: none;
        width: auto;
    }
    .banner_content {
    	padding: 0px 5rem;
    }
    .banner_content h1 {
    	font-size: 24px; 
        margin-top: 1rem;
    } 
    .banner_content .intro_title {
    	font-size: 1.5rem;
    }
    .banner_content p {
    	line-height: 16px;
        font-size: 13px;
    }
     .banner_content a.multiple_hero_btn {
        background-repeat: no-repeat;
        background-position: 10px center;
        padding: 1rem 1rem 1rem 4.5rem;
        font-size: 1rem;
        background-size: 2.5rem;
    }
}