@charset "utf-8";
/* CSS Document */


.jjadclassen {
    font-family:"arial - regular",  Osaka, sans-serif;
    font-size:16px;
	margin-top:80px

}
   .jjadclassen #jjline1{
		font-size:20px;
       font-style:italic;
       font-weight:bold;
	   margin-bottom: 10px;

}
    .jjadclassen #jjline2 {
		font-size:20px;
		       /*font-style:italic;*/
       font-weight:bold;
        margin-bottom: 10px;
    }

.jjadclassen #jjline3 {
		
		
        margin-bottom: 10px;
    }

.jjadclassen #jjline4 {
		font-size:22px;
		       /*font-style:italic;*/
       font-weight:bold;
        margin-bottom: 10px;
		margin-top:20px;
    }

.jjadclassen #jjline_pic {
		        width:100%;
				text-align:center;
    }	


@media screen and (max-width: 1200px){
	.nav > li > a {font-size:14px;padding-left:10px;padding-right:10px;}
	.bannerBottom p {font-size:14px;padding:10px 0;}
	.topRight a {margin-left:8px !important;}
	.interviews .content .last {display:none;}
	
	.employerBlock .heading p{ font-size:13px;}
	
	.processFlow.bg{ background:url("../images/processflowarrowmedium.png") no-repeat scroll center 18% rgba(0, 0, 0, 0);}
}
@media screen and (max-width: 1024px) {
	.nav > li > a {font-size:13px;padding-left:7px;padding-right:8px;}
	.headerTop a {margin:0 3px;font-size:11px;}
	.headerTop {padding:10px 0;}
	nav {margin-top:10px;}
	
	.employerBlock .listing{ min-height:252px;}
	.employerBlock .icon i{ font-size:85px;}
	.comp{ padding:0 !important; margin-bottom:20px; overflow:hidden;}
	
	
}
@media screen and (max-width: 991px) {
	.bannerBottom {text-align:left;}
	.logInForm .register {float:left;}
	.top p {text-align:left;}
	.sideSocial .icon {width:40px;height:40px;padding:10px 0;}
	.sideSocial .icon i {font-size:20px;}
	.navbar-default .navbar-nav > li > a {font-weight:normal;}
	.sideBar li a {font-size:11px;}
	.jobs .list .left {width:100%;}
	.jobs .list .right {width:100%;}
	.interviews .content .discripton {max-height:170px;}
	
	.employerInfo{ width:100%;}
	.employer .separator h5::before, .employer .separator h5::after{ width:48%;}
	.employerBlock .heading h4{ font-size:13.5px;}
	.employerBlock .heading p{ padding:0px 20px;}
	.employerBlock .icon i{ font-size:70px;}
	.employerBlock .listing{ padding:20px 12px 0; min-height:270px;}
	
	.processFlow .processBlock .image{ width:200px; height:200px;}
	.processFlow .processBlock .image .icon{ margin-top:30px;}
	.processFlow .processBlock .image h2{ padding-top:8px;}
	.processFlow .processBlock .info h4{ padding:18px 0 16px; font-size:18px;}
	.processFlow.bg{ background:url("../images/processflowarrowsmall.png") no-repeat scroll center 15% rgba(0, 0, 0, 0);}
	.interviews .content {float:left;margin-top:10px;}
	.interviews .thumbPart {float:left;}
	.nav > li > a {padding-left:6px;padding-right:6px;}
	
	}
@media screen and (max-width: 767px) {
	
	
	.jjadclassen #jjline4 {

        margin-top: 10px;
    }
	
	.homeSearch .form-group {margin-bottom:20px;}
	.selectbtn {margin-top:45px;}
	.mobilecontent {position:relative;top:-228px;}
	.ourAchievements p {text-align:center;}
	.ourConsultants p {text-align:center;}
	.jobs .mainHeading {text-align:left;}
	.blueBg a {font-size:20px;line-height:25px;}
	.blueBg p {font-size:20px;line-height:25px;}
	
	.navbar-header {background:#30a7e1;}
	.navbar-default .navbar-toggle {border:0 none;}
	.navbar-default .navbar-toggle .icon-bar {background:#FFF;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
	.nav.navbar-nav {width:100%;float:left;}
	.nav > li {margin:7px 0px;width:100%;float:left;}
	.nav > li > a {font-size:14px;}
	.top p {text-align:left;}
	
	.nav > li {width:100%;float:left;text-align:left;}
	.bannerBottom {text-align:center;}
	.bannerBottom p {text-align:center;} 
	.logInForm .register {float:right;}
	.copyRight ul {text-align:center;}
	.copyRight ul li {display:inline-block;float:none;padding:0 9px;}
	.copyRight p {text-align:center;}
	/*======== standard content ============*/
	.responsivPadding20 {padding:20px;}
	.responsivBorderBottom1px {padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
	.responsivMarginTop40px {margin-top:40px;}
	.responsivMarginBottom0px {margin-bottom:0px;}
	.responsivMarginBottom10px {margin-bottom:10px;}
	.responsivMarginBottom20px {margin-bottom:20px;}
	.responsivMarginBottom30px {margin-bottom:30px;}
	.responsivBorderBottomNone {border-bottom: none !important;}	
	
	.sideSocial ul {text-align:left;}
	.sideSocial ul li {float:none;}
	/*======== news event details ============*/
	
	.newsThumbGroup .thumbnail {margin-bottom:10px;}
	/*======== my jobs ============*/
	
	.sideBar li a {font-size:13px;}
	
	.employerInfo{ width:100%;}
	.employer .separator h5::before, .employer .separator h5::after{ width:47%;}
	.employerBlock .icon{ left:42%; top:30%;}
	.employerBlock .icon i{ font-size:150px;}
	.employerBlock .listing{ min-height:0px; padding-bottom:10px;}
	.employerBoxShadow.nomargin { margin-bottom: 30px !important;}
	.employerBoxShadow.nomargin.last { margin:0px !important;}
	.employerBlock .listing ul li p{ font-size:14px;}
	
	.processFlow.bg{ background:none;}
	.processFlow.bg .responsive{ display:block; margin:20px 0px;}
	
	.banner{display:none;}
	
	.myJobsList .btnGray {margin-top:10px;}
	.dropdown-menu{ left:0;}
	.navbar-nav > li > .dropdown-menu{ width:100%;}
	.standardForm .inner{ min-height: auto !important;}
	
}

@media screen and (max-width: 640px) {
	.employerBlock .icon{ left:37%; top:24%;}
}

@media screen and (max-width: 480px) {
	.col-xs-480-6 {padding-left:15px;padding-left:15px;width:50%;}
	.col-xs-480-12 {padding-left:15px;padding-left:15px;/*! width:100%; */}
	.newsAndEvents .inner ul li.thumb {width:100%;text-align:left;}
	.newsAndEvents .inner ul li.thumb img {max-width:100px;float:left;}
	.newsAndEvents .inner ul li.right {padding-left:0;}
	
	.jobs .list .left {width:100%;}
	.jobs .list .right {width:100%}
	.topRight a.cart {float:left;margin-left:0 !important;}
	/*=====standart content =============*/
	.standardBtn01 {clear:both;display:inline-block;margin-bottom:10px;width:100%}


    .standardBtn03 {clear: both; display: inline-block;margin-bottom: 10px;width: 100%;margin-left: 0;}
.standardBtn02 {clear:both;margin-bottom:10px;}
.standardLink01 {clear:both;margin-bottom:10px;}
.standardLink02 {clear:both;margin-bottom:10px;}

	.employerBlock .icon{ left:39%; top:28%;}
	.employerBlock .icon i{ font-size:100px;}
	
	}

@media screen and (max-width: 360px) {
	.bannerBottom a.btnBlue {text-align:left;width:44%;margin:10px 2%;text-align:center;}
	#popup .modal-dialog {margin:40% auto 0;}
	.candidateDashboard .form-horizontal{width:100% !important;margin:0 !important;}
	
	.employer .separator h5::before, .employer .separator h5::after{ width:45%;}
	.employerBlock .heading{ padding-left:10px; padding-right:10px;}
	.employerBlock .listing ul li p{ font-size:13px;}
	.employerBlock .icon{ left:39%; top:26%;}
	.employerBlock .icon i{ font-size:80px;}
	
	.processFlow.bg .responsive{ margin:10px 0px;}
	.jobs .list a {font-size:15px;}
	.jobsdetailsPage .btnGroup .btnBlue  {margin-bottom:10px;}
	}

@media screen and (max-width: 320px) {
	.employerBlock .icon{ left:37%; top:26%;}
}