@media(max-width:1199px){
	.logo-section{
		width:100%;
		text-align:center;
	}
	.logo-section img{
		height:55px;
		position: relative;
		z-index: 100;
	}
	.main-menu-section{
		width:calc(100% - 250px);
	}
	#cssmenu > ul{
		float:left;
	}
	.srch-tab-content{
		padding-bottom:40px;
	}
	#hp-search-btn{
		bottom: 2px;
	}
	.advanced .hps-jobtitle, .advanced .hps-location{
		width: 340px;
	}
	.user-benf{
		padding-left:0;
	}
	.login-tabs > li > a{
		font-size:15px;
	}
	.user-benf h2{
		font-size: 26px;
	}
	.bn-content h3{
		font-size: 20px;
	}
	.header{
		padding-bottom:0;
	}
	.dash-frm{
		margin-bottom:25px;
	}
	.dashboard-right-panel{
		padding-left: 20px;
	}
	.front-dashboard-top li{
		width: 49%;
		margin-bottom: 6px;
	}
	.left-panel-job-detail{
		width:100%;
		padding-right:0;
	}
	.right-panel-job-detail{
		width:100%;
		margin-top:25px;
	}
	.candidate-profile-info ul li{
		width:50%;
	}
	.skill-select{
		min-width:100px;
		width:100px;
		float:left;
	}
	.candidate-profile-professional-skill > ul > li span{
		margin:0 2px;
	}
}

@media screen and (max-width:1000px){
	.logo{
	    
	    /*position:absolute;*/
	
	top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
	.logo2{display:none}
	nav{width:100%;}
	#cssmenu{width:100%}
	#cssmenu ul{width:100%;display:none}
	#cssmenu ul li{width:100%;border-top:1px solid #efefef}
	#cssmenu ul li:hover{background:#363636;}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
	#cssmenu > ul > li{float:none}
	#cssmenu ul ul li a{padding-left:25px}
	#cssmenu ul ul li{background:#333!important;}
	#cssmenu ul ul li:hover{background:#363636!important}
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#ddd;background:none}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
	.button{width:55px;height:46px;position:absolute;left:0;top:0;cursor:pointer;z-index: 12399994;}
	.button:after{    
		position: absolute;
		top: 22px;
		right: 20px;
		display: block;
		height: 8px;
		width: 20px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		content: '';
	}
	.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
	.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #e1e1e1;height:46px;width:46px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#262626}
	#cssmenu ul ul .submenu-button{height:34px;width:34px}
	#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ff7f24;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff}
	#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ff7f24;content:''}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	.main-menu-section{
		width: 100%;
		position: absolute;
		left: 0;
		top: 10px;
	}
	.log-reg-section{
		float: none;
		margin: 0px auto;
	}
	#cssmenu ul{
		background:#fff;
		z-index: 100;
	}
	#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{
		border-bottom: 0px solid #0191d6;
		
	}
	#cssmenu > ul > li:hover > a{color:#fff;}
	#cssmenu > ul > li > a{
		border-right:0;
	}
	#cssmenu li.has-sub:hover > ul {
		padding-top:0px;
	}
	#cssmenu > ul > li{
		padding:0;
	}
	#cssmenu > ul > li >a{
		padding:17px 15px;
	}
	.header{
		padding: 20px 0 0;
	}
}

@media(max-width:991px){
	.src-totl{
		top: -35px;
	}
	.hps-jobtitle{
		width:100%;
	}
	.hps-location{
		width:100%;
	}
	.hps-distance{
		width:100%;
	}
	#hp-search-btn {
		bottom: -62px;
	}
	.advanced .hps-jobtitle, .advanced .hps-location{
		width:100%;
	}
	.hps-sal-min, .hps-sal-max{
		width: 50%;
		float: left;
		padding-right: 5px;
		margin-right:0;
	}
	.hps-sal-type, .hps-jobtype{
		width: 50%;
		float: left;
		padding-right: 5px;
		margin-right:0;
		margin-top:10px;
	}
	.three-block-sec .block li{
		width:100%;
		padding:0;
		margin-bottom:20px;
	}
	.three-block-sec .block li:nth-child(1){
		padding-right: 0;
	}
	.three-block-sec .block li:nth-child(2){
		padding: 0;
	}
	.three-block-sec .block li:nth-child(3){
		padding: 0;
	}
	.job-list-menu .nav-tabs > li > a{
		font-size:15px;
	}
	.fr-job-panel li{
		width:100%;
	}
	.advertisement-sec h2{
		font-size:20px;
	}
	.strip{
		right:0;
	}
	.download-content{
		padding:50px 0 0px 0;
	}
	.download-content h3{
		font-size:30px;
	}
	.applist li{
		width:49%;
	}
	.dashboard-left-panel{
		width:100%;
	}
	.dashboard-right-panel{
		width:100%;
		margin-top:25px;
		padding-left:0;
	}
	.dashboard-tab-content{
		float: left;
		width: 100%;
	}
	.user-menu > ul{
		float:none;
		text-align:center;
		padding-bottom:10px;
	}
}

@media(max-width:767px){
	.how-it-process li{
		padding: 20px 10px;
	}
	.how-it-process li h3{
		font-size: 20px;
	}
	.footer-top{
		text-align:center;
	}
	.footer-contact p i{
		float:none;
	}
	.footer-bottom{
		text-align:center;
	}
	.footer-bottom .text-right{
		text-align:center;
	}
	.srch-hdng h3{
		font-size: 50px;
	}
	.mobile-img{
		text-align:center;
	}
	.download-content{
		text-align:center;
		padding:40px 0;
	}
	.applist{
		width: 300px;
		margin: auto;
	}
	.profiledt-pnl p{
		font-size:14px;
	}
	
}

@media(max-width:640px){
	.job-list-menu .nav-tabs > li > a{
		font-size: 13px;
		padding: 15px 4px;
	}
	.job-list-menu .nav-tabs > li > a::after{
		top: 14px;
		font-size: 15px;
	}
	.three-block-sec .block .overlay h3{
		font-size: 25px;
	}
	.block-content h3{
		font-size: 25px;
	}
	.prefect-section iframe{
		margin-bottom:25px;
	}
	.app-job-detail{
		width:100%;
		padding:0;
		margin:10px 0;
	}
	.app-job-type{
		position: absolute;
		right: 10px;
	}
	.applied-job-section{
		padding:10px;
	}
	.applicant-selection{
		width:120px;
	}
	.applicant-selection select{
		min-width:100%;
	}
	.applicant-remove{
		width:40px;
	}
	.applicant-detl{
		width: calc(100% - 160px);
	}
	.pro-left-content{
		width:100%;
		border-right: 0;
	}
	.pro-right-content{
		width:100%;
		padding:15px 0;
	}
	.pro-right-content .orange-button, .pro-right-content .blue-button{
		display:inline-block;
	}
	.applicant-profile-detail{
		width:100%;
	}
	.applicant-profile-social{
		width:100%;
	}
	.applicant-profile-social ul{
		width:100%;
		text-align:left;
	}
	.applicant-skilss{
		padding-top:0;
	}
}
@media(max-width:542px){
	.howto-work-tab > ul > li > a{
		font-size: 15px;
	}
	.howto-work-tab > ul > li > a span{
		width: 35px;
		height: 35px;
		border: 1px solid #898989;
		padding-top: 6px;
	}
	.howto-work-tab > ul > li{
		padding-right: 0px;
	}
	.how-it-process li{
		width:100%;
	}
	.job-list-menu .nav-tabs > li{
		width: 50%;
		border: 1px solid #7f7f7f;
	}
	.how-it-process li:after{
		display:none;
	}
	.srch-hdng h2{
		font-size: 22px;
	}
	.srch-hdng h3{
		font-size: 35px;
	}
	.srch-tab > li > a{
		min-width: 152px;
		font-size: 14px;
	}
	.how-it-works-sec .main-hd{
		font-size: 35px;
	}
	.prefect-section .main-hd{
		font-size: 35px;
	}
	.featured-job-section .main-hd{
		font-size: 35px;
	}
	.featured-bob-tab .nav-tabs li{
		min-width: 24%;
	}
	.featured-bob-tab .nav-tabs li a{
		font-size: 13px;
	}
	.logo-section{
		padding-top: 0;
	}
	.brdcum h2{
		font-size:20px;
	}
	.table-responsive{
		font-size:14px;
	}
	.interview-table .nav-tabs > li > a{
		font-size:13px;
	}
}
@media(max-width:480px){
	.logo-section{
		width:210px;
		float:none;
		margin:auto;
	}
	.logo-section img{
		height:auto;
	}
	.home-banner{
		padding: 30px 0 30px 0;
	}
	.srch-tab{
		margin-top: 25px;
	}
	.hp-search-more{
		margin: 80px 0 0;
		text-align:center;
	}
	#hp-search-btn{
		left: 0;
		right: 0;
		margin: auto;
	}
	.srch-tab > li > a {
		min-width: auto;
		font-size: 13px;
		padding: 10px 5px;
	}
	.howto-work-tab > ul > li > a{
		font-size: 14px;
		padding: 0 5px;
	}
	.login-tabs > li > a{
		font-size: 13px;
		letter-spacing: 0;
		padding: 8px 5px;
		margin-right:5px;
	}
	.login-tab-content{
		padding:20px 15px;
	}
	.login-tab-content label{
		font-size: 14px;
	}
	.dashboard-tab-content .table thead tr th{
		font-size:14px;
	}
	.dashboard-nav-tabs > li > a{
		font-size:13px;
		padding:10px 3px;
	}
	.endor{
		position: relative;
		right: 0;
		top: 0;
	}
	.background-border, .resume-box{
		padding:8px;
	}
	.interview-table .nav-tabs > li > a{
		padding:8px 4px;
	}
	.applicant-detl{
		width:100%;
	}
	.applicant-detl .applicant-content{
		padding-left:15px;
	}
}

@media(max-width:400px){
	.featured-bob-tab .nav-tabs li{
		min-width: 33%;
		border-right:1px solid #0191d6;
	}
	.list-jobs .job-info{
		width:100%;
		padding:15px 0 0; 
	}
	.login-tabs > li > a{
		padding: 8px 3px;
		margin-right: 2px;
	}
	.bn-icon{
		width: 40px;
		font-size: 30px;
	}
	.bn-content{
		width: calc(100% - 40px);
	}
	.front-dashboard-top li{
		width:100%;
		margin-right:0;
	}
	.app-job-type{
		position: relative;
		right: 0;
		width: 100%;
	}
	.app-com-logo{
		float:none;
		margin:0 auto;
	}
	.app-job-detail{
		text-align:center;
	}
	.app-job-detail h2{
		font-size: 16px;
	}
	
	.side-menu ul li a{
		font-size:15px;
	}
	.interview-table .nav-tabs{
		float:left;
	}
	.interview-table .nav-tabs > li{
		width:100%;
		text-align:center;
	}
	.job-listng .app-job-detail{
		text-align:left;
	}
	.left-panel-job-detail .app-job-detail{
		width:100%;
	}
	.list-job-detl{
		padding-right:0;
	}
	.job-type{
		position: relative;
		right: 0;
		top: 0px;
		padding:10px 0 0;
	}
	.applicant-pic{
		width:80px;
		height:80px;
	}
	.applicant-bio{
		width: calc(100% - 80px);
		border-right:0;
	}
	.candidate-profile-info ul li{
		width:100%;
	}
	.skill-select{
		min-width:100%;
	}
}
@media(max-width:360px){
	.dashboard-nav-tabs li span{
		margin-left: 3px;
		background: #0191d6;
		width: 18px;
		float: right;
		text-align: center;
		height: 18px;
		border-radius: 50%;
		padding: 2px 0 0;
		font-size: 10px;
		color: #fff;
		margin-top: -5px;
	}
	.dashboard-tab-content .table{
		font-size:13px;
	}
	.profiledt-pnl p{
		font-size:13px;
	}
	.profiledt-pnl-body > ul > li{
		padding:5px 4px;
	}
	.table-responsive {
		font-size: 13px;
	}
	.list-jobs .comp-logo {
    width: 100% !important;}
    .desgn {
  margin-top: 50px;
    width: 100% !important;}
    .formob{
    width: 100% !important;
    }
}