@media all and (min-width: 1080px){
.dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInDown 400ms;
      animation: fadeInDown 400ms;}
}

@media all and (max-width: 1366px){
.add_employee .section-2 .form_box .text,.add_employee .section-2 .form_box .bttn{ width:75%;}
.add_employee .section-2 .form_box .label{ width:25%;}
.client_resource .content_wrap .row1 h1{ font-size:22px;}
.topnav a{ font-size:14px; margin-right:15px;}
.client-login_banner .title h1,.employer-login_banner .title h1{ font-size:42px;}
}

@media all and (max-width: 1500px){
	.navbar-custom .navbar-brand span {padding: 30px;}
	.navbar-custom .navbar-brand { margin-top: -20px;}
	.navbar-custom .navbar-nav {margin-left: 0px !important;}
	.navbar-custom .navbar-brand {width: 200px;}
	.banner .caption .f1 {font-size: 22px;}
	.banner .caption .f2 {font-size: 50px; line-height: 50px;}
	.banner .caption .f3 {font-size: 40px; line-height: 43px;}
	.banner .caption {max-width: 510px;}
	
	}
@media all and (max-width: 1400px){
	.call_us {padding: 0px 30px;}
}

@media all and (max-width: 1350px){
	header .container {width:94%;}
	.navbar-custom .navbar-brand span {padding: 25px;}
	.navbar-custom .navbar-brand {width: 160px;}
	footer .foot_wrp { padding: 70px 0px;}
	.sponsor_logos .slick-slide { padding-left: 2px; padding-right: 2px; }
	.sponsor_logos h3 {font-size: 28px;}

}
@media all and (max-width: 1280px){
.call_us {padding: 0px 20px;}
.call_us a {font-size: 13px; }
.navbar-custom .nav li a { font-size: 12px;}
.banner .caption .f1 {font-size: 20px;}
.banner .caption .f2 {font-size: 45px; line-height: 45px;}
.banner .caption .f3 {font-size: 35px; line-height: 37px;}
.banner .caption {max-width: 510px; padding: 35px;}
.sponsor_logos { padding-top: 50px; padding-bottom: 40px;}
.sponsor_logos { padding-top: 50px; padding-bottom: 40px;}
footer .copyright {margin-top: 12px; font-size: 14px;}
footer .terms span {padding: 13px 25px;font-size: 12px;}
footer .terms { font-size: 14px;}
footer .ftr_bottom {padding: 30px 0px;}
.employer_login .section-2 .box ul li{margin-right:30px;}
.employer_login .section-2 .box li a{font-size:14px;}
.pagination{padding:20px 0px;}
.employer_login .section-2 .box ul{padding:30px 40px 15px 40px}
.employer_login .section-2 .content{padding:30px 40px 20px 40px}
}
@media all and (max-width: 1200px){
.fileUpload{    padding: 2% 0px;}
.service_doc .section-2 .doc-wrap .block p{ font-size:14px;}
.add_employee .section-2 .form_box input[type=text],.fileUpload, .add_employee .section-2 .form_box select{ font-size:16px; height:65px;margin:12px 0;}
.add_employee .section-2 .form_box label{ font-size:16px; height:65px; line-height:65px; margin:12px 0;}
.add_employee .section-2 .form_box input[type=submit]{ max-width: 150px;    padding: 15px 0;margin-top: 20px;font-size:16px;}
.add_employee .section-2 .form_box  a{max-width: 150px;    padding: 15px 0;margin-top: 20px;font-size:16px;}
.fileUpload .fileBtn{    width: 110px;    height: 45px;line-height: 45px;    font-size: 13px;}
.add_employee .section-2 .form_box p{ font-size:13px;}
.view_employee .section-2 .form_box .row1{ padding:30px 18px;}
.view_employee .section-2 .form_box .row1 .col-1{ font-size:16px;}
.view_employee .section-2 .form_box .row1 .col-2{font-size: 15px;}
.view_employee .section-2 h2{ font-size:31px; margin-bottom:20px;}
.client_login .section-2 .row_wrap .row1{ padding:23px 15px;}
.client_login .section-2 .row_wrap .row1 .col1 p{ font-size:15px;}
.client_login .section-2 .row_wrap .row1 .col2 p{ font-size:16px;}
.client_resource .content_wrap .row1 h1{ font-size:19px;}
.client_resource .content_wrap .row1 .r-side p{ font-size:15px; line-height:21px;}
.client_resource .content_wrap .row1 a{ font-size:14px;}
.client_resource .content_wrap .four .box-2{ min-height:270px;}
.client_resource .content_wrap .four .box-2.fill p{ font-size:18px;}
.client_resource .content_wrap .four .box-2.fill a{ font-size:25px;}
.client_resource .content_wrap .four .box-2.fill{padding-left: 30%;padding-top: 21%;} 
.employer_login .section-1 .box, .employer_login .section-1 .box a{ padding:20px 5%;}
.add_employee .section-2 .searchbox .form_box input[type=submit] { padding: 22px 0; margin-top: 36px; }
}
@media all and (max-width: 1180px){
.navbar-custom .navbar-brand span {padding: 20px;}
.navbar-custom .navbar-brand {width: 140px;}
.navbar-custom .navbar-brand { margin-top: -10px;}
.navbar-custom .nav li a { padding:2px;}
.call_us {padding: 0px 15px;}
} 
@media all and (max-width: 1080px){
.navbar .container>.navbar-collapse { transition: 0.8s;}
.navbar-nav>li { width: 100%; float: left; text-align: left; margin-bottom: 25px;}
.navbar-custom .nav li a { color: #FFF;}
.navbar .container ul { margin-top: 100px;  position: relative;  z-index: 99999; padding-left:5%;}
.navbar-custom .nav li a:hover { color: #FFF;}
.drp { display: none;}
.dropdown-menu { background-color:transparent!important;}
.navbar-nav .open .dropdown-menu { padding-left: 0px;}
.navbar-custom .nav li a:focus { color: #FFF;}
.navbar-nav .open .dropdown-menu { position: static;  float: none;width: 90%;}
.sponsor_logos h3 { font-size: 25px;}
footer .about .logo { width: 80px;}
footer .about p {padding-left: 2%; padding-right: 12%;}
.client_resource .content_wrap .four .box-2{ min-height:240px;}
.client_resource .content_wrap .four .box-2.fill p{ font-size:15px;}
.client_resource .content_wrap .four .box-2.fill a{ font-size:22px;}
}
@media (max-width: 1000px) {
.call_us {padding: 0px 25px;}
.navbar-default .navbar-toggle { margin-right: 155px;}
}

@media (max-width: 991px) {
footer .copyright { width: 50%; font-size: 13px;}
footer .terms  {width: 50%; text-align: right; font-size: 12px;}
footer .ftr_bottom {padding: 20px 0px;}
.employer_login .section-2 .content{padding:50px 0;}
.employer_login .section-2 .box ul{width: 100%;float: left;}
.employer_login .section-2 .box ul li{width:50%;float: left;margin-right: 0px;text-align: center;}
.add_employee .section-2 .form_box .bttn{ float:right;}
.add_employee .section-2 .form_box input[type=submit]{ float: right;}
.add_employee .section-2 .form_box a{float: right;}
.add_employee .section-2 .form_box label{ padding:0 5%;}
.add_employee .section-2 .form_box{padding: 50px 30px 100px;}
.client_login .section-2 .row_wrap .row1 .col1 p{ text-align:center; margin:5px 0;}
.client_login .section-2 .row_wrap .row1 .col2 p{ text-align:center; margin:5px 0;}
.client_login .section-2 .row_wrap .row1{ padding:15px}
.client_resource .content_wrap .blue-bg,.client_resource .content_wrap .four{ padding:50px 15px;}
.client_resource .content_wrap .two{ margin:0 15px;}
.client_resource .content_wrap .three{ padding:35px 15px;}
.client_resource .content_wrap .four{ padding:}
.client_resource .content_wrap .row1 .r-side{ padding-top:30px;}
.client_resource .content_wrap .four .box-2.fill{     padding-left: 27%; padding-top: 20%;}
.client_login .section-2 .row_wrap{ padding:30px 40px;}
.topnav .icon{ top:20px;}
.add_employee .section-2 .searchbox .form_box .bttn {}
}
@media all and (max-width: 880px){
.resources  p { margin-bottom: 20px;}
}
@media all and (max-width: 768px){
.sponsor_logos h3 {font-size: 22px; text-align: center; padding-right: 0px; margin-bottom: 20px;}
footer .foot_wrp { padding:40px 0px;}
footer .about p { padding-left: 0%; padding-right: 0%;}
footer .about { margin-bottom: 30px; display:inline-block;}
header .container { width: 100%;}
.client_resource .content_wrap .four .box-2{ min-height:210px;}
}
@media all and (max-width: 767px){
.service_doc .section-2 .doc-wrap .block{ margin:25px auto;}
.employer_login .section-2 .content {padding: 30px 0; border: none;}
.add_employee .section-2 .form_box{    padding: 30px 30px 100px;}
}

@media all and (max-width: 620px){
.banner .caption .f1 {font-size: 16px;}
.banner .caption .f2 {font-size: 25px; line-height: 25px;}
.banner .caption .f3 {font-size: 20px; line-height: 20px;}
.banner .caption {max-width: 300px; padding: 20px;}
.add_employee .section-2 .form_box .label,.add_employee .section-2 .form_box .text{ width:100%;}
.add_employee .section-2 .form_box label{ height:auto; line-height:normal; margin:0; padding-left:0;}
.add_employee .section-2 .form_box input[type=submit]{ margin-top:25px; max-width: 120px; padding: 14px 0;font-size: 14px;}
.add_employee .section-2 .form_box a{ margin-top:25px; max-width: 120px; padding: 14px 0;font-size: 14px;}
.add_employee .section-2 .form_box{     padding: 50px 0px 100px;}
.service_doc .section-2 .doc-wrap{ padding:20px;}
.add_employee .section-2 .form_box input[type=text]{ padding:0 15px;}
.fileUpload .fileBtn{ width:90px; height:45px; line-height:45px;    font-size: 11px;}
.view_employee .section-2 h2 {font-size: 27px;margin-bottom: 15px}
.client_login .section-2 .row_wrap{ padding:4% 5%;}
.client_resource .content_wrap .four .col-xs-6{ width:100%;}
.client_resource .content_wrap .four .box-2{ min-height:auto;}
.client_resource .content_wrap .four .box-2.fill{ text-align:center; padding:15% 0;}
.client_resource .content_wrap .blue-bg, .client_resource .content_wrap .four{padding: 35px 5px;}
.client_resource .content_wrap .two{margin: 0 5px;}
.client_resource .content_wrap .three{ padding:25px 5px;}
.client_resource .content_wrap .row1 a{ font-size:12px;}
.topnav {padding: 50px 20px 0px 20px;}
.topnav a{ font-size:16px; margin-right:0; padding:10px 0px;}
.employer_login .section-2 .content{ padding:20px 0;}
.client-login_banner .title h1,.employer-login_banner .title h1{ font-size:24px;}
.employer_login .section-2 .box{ top:0;}
.employer_login .section-1{ padding:20px 0; height:auto;}
footer{ margin-top:0;}
.edit_employee .section-2 .form_box .cancel{ margin-top:25px;}
}
@media all and (max-width: 520px){
footer .terms  {width: 100%; text-align: center;}
footer .copyright { width: 100%; text-align: center; margin-top: 0px; margin-bottom: 15px;}
}
@media all and (max-width: 480px){
.banner .caption .f1 {font-size: 12px;}
.banner .caption .f2 {font-size: 18px; line-height: 18px;}
.banner .caption .f3 {font-size: 15px; line-height: 15px;font-family: 'Avenir LT Std';}
.banner .caption {max-width: 220px; padding: 10px; }
.call_us {padding: 0px 5%; width: 100%; height: 40px;}
.navbar-default .navbar-toggle { margin-right: 5%;}
.navbar-custom .navbar-brand { width: 97px; margin-top: 0px; margin-left: 5%!important;}
.navbar-custom .navbar-brand span { border-radius: 0px; padding: 2px;}
.call_us a {font-size: 12px;}
.call_us span { font-size: 10px;margin-top: 6px; display: inline-block; margin-left: 30px; float: right; text-align: right;}
#mainNav { height: auto;}
.employer_login .section-2 .box ul li{width:100%;float: left;margin-right: 0px;text-align: center;}
.view_employee .section-2 .form_box .row1 {padding: 12px 18px;}
.view_employee .section-2 .form_box .row1 .col-1,.view_employee .section-2 .form_box .row1 .col-2{ width:100%; text-align:center; padding:5px 0;}
.view_employee .section-2 .form_box .row1 .col-1{ font-size:15px;}
.view_employee .section-2 .form_box .row1 .col-2{ font-size:14px;}
.add_employee .section-2 .form_box .bttn{ width:100%;}
.add_employee .section-2 .form_box input[type=submit]{max-width:100%; }
.add_employee .section-2 .form_box a{max-width:100%; }
.edit_employee .section-2 .form_box .cancel{ margin-left:0; margin-right:0;}
.add_employee .section-2 .form_box label{ font-weight:400; font-size:15px;}
.add_employee .section-2 .form_box input[type=text], .fileUpload{ height: 60px; font-size:14px;}
}
@media all and (max-width: 380px){
.fileUpload {
 padding: 3% 0px;
}
}
@media all and (max-width: 340px){
footer .social a {width: 30px;   height: 30px;padding-top: 5px; margin-right: 1px;font-size: 12px;}
}