.nav_sec .navbar-light .navbar-nav li.nav-btn{margin:0px}
.nav_sec .navbar-light .navbar-nav li.btn-news{margin-left:30px}
.nav_sec .navbar-light .navbar-nav .btn-news a {
    margin: 0px 10px;
    padding: 17px 43px !Important;
    background: #33bcea;
    font-size: 21px;
    color: #fff;
    border-radius: 34px 34px 0 34px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
}
.nav_sec .navbar-light .navbar-nav .btn-news a:hover {
    background: #53d4ff;
    color: #fff;
}
@media (max-width:1700px) {
	.hero_cap{  top:210px;}
}
@media (max-width: 1500px){
.hero_cap {
    top: 180px;
}
}
@media (max-width: 1366px){
.hero_cap {
    top: 160px;
}
	.nav_sec .navbar-light .navbar-nav .btn-news a {
    padding: 17px 33px !Important;    
    font-size: 18px;
	}
	.nav_sec .navbar-light .navbar-nav .nav-link.btn-link {
    padding: 17px 33px;
   	font-size: 18px;
	}
}
@media (max-width:1300px) {
.nav_sec .navbar-light .navbar-nav li{ margin:0 0 0 25px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:13px 0; font-size:17px;}
.nav_sec .navbar-light .navbar-nav .nav-link.btn-link{ font-size:15px; padding:13px 20px;}
.nav_sec .navbar-brand{ width:200px;}
.top_right{ margin:0;}
.top_right li{ font-size:17px;}

.client_slider{ padding:0 60px;}
.client_slider .owl-carousel .owl-nav button.owl-prev{ left:-60px;}
.client_slider .owl-carousel .owl-nav button.owl-next{ right:-60px}

.who_sec{ background:#2f98d5 url(../images/who_bg.png) no-repeat left 5% center; background-size:40% auto;}
.who_sec .detail{ padding-left:30px;}

.axepta h3{ font-size:28px;}
.global_title{ font-size:50px;}
.place_block{ padding:0 10px 0 0;}
.btns{ font-size:18px;}

.add_block{ font-size:18px;}
.add_block strong{ font-size:19px;}

/************ Candidate Page ***********/
.candidate_banner{ padding:170px 0 360px 0;}
.table_info{ font-size:16px;}
.meantime_inn{ padding-right:30px;}
.keep_info{ padding:0;}
.expert_block h3{ font-size:19px;}
.expert_sec{ padding:80px 0 40px 0; background:none;}

/************* Employer Page *************/
.conver_block h3{ font-size:26px;}
.conver_block .cap_info{ padding:30px;}
.blog_sec h3{ font-size:20px;}

.blog_block{ margin-bottom:30px;}
.blog_block figure{ width:190px;}
.blog_slider, .team_slider{ padding:0 50px;}
.blog_slider .owl-carousel .owl-nav button.owl-prev, .team_slider .owl-carousel .owl-nav button.owl-prev{ left:-50px;}
.blog_slider .owl-carousel .owl-nav button.owl-next, .team_slider .owl-carousel .owl-nav button.owl-next{ right:-50px}	
.mission_block p{ font-size:20px; line-height:30px;}

/******** Job Details ********/
header{ padding-top:20px;}
.job_banner.hero_sec h2{ font-size:45px;}
.job_banner.hero_sec ul{ margin-bottom:20px;}
.job_banner.hero_sec p{ font-size:18px; line-height:27px; margin-bottom:20px;}
.job_banner.hero_sec .hero_cap{ top:120px;}
.job_sec h2{ font-size:37px;} 
.listing_info li{ font-size:18px; line-height:27px;}
.job_sec .team_sec .detail{ padding:0 3%;}
	
	.nav_sec .navbar-light .navbar-nav .btn-news a {
    font-size: 15px;
    padding: 13px 20px !important;
}
}

@media (max-width:1200px) {
.hero_cap h1{ font-size:70px;}
.hero_cap p{     color: #fff;
    background-color: #00000050;
    padding: 10px;
    border-radius: 25px;
    width: fit-content;
    margin: 0 auto;}
.global_title{ font-size:40px;}

.candidate_banner p{ color:#242a3f;}

}

/************ Main **************/
@media (max-width: 991px) {
header{ padding:20px 0;}
.nav_sec .navbar-light .navbar-nav li{ margin:0 0 0 15px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:15px;}
.nav_sec .navbar-light .navbar-nav .nav-link.btn-link{ font-size:14px; padding:13px 10px;}
.top_right li{ font-size:15px; margin-left:5px; padding-left:8px;}
.nav_sec .navbar-brand{ width:180px;}

.hero_cap{ top:150px;}
.hero_cap h1{ font-size:50px;}
.hero_cap p{ font-size:20px;}
.btns{ padding:15px 30px; font-size:17px;}

.global_title{ font-size:36px;}
.axepta_sec{ padding:40px 0 20px 0;}
.axepta figure{ margin-bottom:20px;}
.axepta h3{ font-size:20px;}

.place_sec{ padding:40px 0 10px 0;}
.place_inn{ margin-top:30px;}
p { font-size:17px; line-height:25px;}
.place_block h3{ font-size:25px;}

.who_sec{ padding:50px 0 20px;}
.who_sec .detail{ padding:0;}
.client_sec{ padding:40px 0;}

.touch_sec{ padding:40px 0;}
ul.social_info{ text-align:center;}

.touch_sec .global_title:after{ background-color:#315fac;}
footer{ padding-top:40px;}
.copyright{ padding-top:20px; padding-bottom:20px; margin-top:30px; font-size:17px;}

/************ Candidate Page ***********/
.candidate_banner{ padding:140px 0 300px 0;}
.btns i img{ height:28px;}
.look_sec{ padding:40px 0 50px 0;}
.look_search .btns{ margin:10px auto 0 auto; display:block;}
.table_info{ margin-bottom:40px;}
.table_info .table th, .table_info .table td{ padding:15px 20px;}
.meantime_sec{ margin-top:40px;}
.meantime_inn{ padding:0 0 30px 0; margin-bottom:20px; border-right:none; border-bottom:2px solid rgba(255,255,255,0.2);}
.meantime_sec h2{ font-size:30px;}
.acc_detail .card-header .btn-link{ font-size:20px;}
.meantime_sec h5{ font-size:20px;}
.why_sec{ padding:40px 0 10px 0;}
.why_sec p{ font-size:17px; line-height:25px;}
.how_sec{ background:#2f98d5;}
.expert_sec{ padding:50px 0 20px 0;}
.expert_block::after{ right:0;}
.expert_block{ padding:30px 0 0 0;}
.team_sec{ padding:40px 0;}
.team_sec h3{ font-size:25px;}
.test_sec{ padding:40px 0;}
.test_sec p{ font-size:18px; line-height:28px;}
.test_sec .owl-carousel .owl-item img{ height:40px;}
 
/************* Employer Page *************/
.emp_why{ padding:40px 0;}
.emp_why p{ line-height:25px;}
.counter_info .count_block{ padding:10px 0 20px 100px; font-size:19px;}
.counter_info .count_block i{ left:20px;}
.counter_info .count_block strong{ font-size:50px;}
.conver_sec{ padding:50px 0 20px 0;}

.blog_sec{ padding:40px 0;}
.blog_slider{ padding:0;}
.mission_sec{ padding:40px 0;}
.mission_block{ padding:70px 25px 50px 25px;}
.mission_block p{ font-size:18px; line-height:28px;}
.emp_how{ margin-top:10px;}
 
/******** Job Details ********/
.job_banner.hero_sec:before{ content:""; position:absolute; top:30%; bottom:0; right:0; left:0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.31) 31%, rgba(255,255,255,0.4) 40%, rgba(255,255,255,0.45) 46%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.31) 31%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.45) 46%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.31) 31%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.45) 46%,rgba(255,255,255,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=0 );}
.job_banner.hero_sec h2{ font-size:30px;}
.job_banner.hero_sec ul{ margin-bottom:20px;}
.job_banner.hero_sec ul li{ margin:0 5px;}
.job_banner.hero_sec p { font-size: 16px; line-height: 23px; margin-bottom: 10px;}
.job_sec{ padding:40px 0;}
.job_sec h2 { font-size: 25px; margin-bottom:30px;}
.job_sec .inner{ margin-bottom:30px;}
.job_sec p{ margin-bottom:30px;}
.job_sec .inner::after { display:none;}
.listing_info li { font-size: 16px; line-height: 23px; margin: 0 0 10px 0; background-position:left top 5px;}
.job_sec .team_sec h3{ font-size:25px;}
.job_sec .team_sec figure{ margin-bottom:20px;}
.social_detail{ margin-top:0;}
.job_sec .team_sec p{ font-size: 16px; line-height: 23px;}
.social_detail li{ font-size:20px;} 
.form_sec{ padding:40px 0;}
.form_block .fileUpload{ font-size:12px; padding:0 10px;} 
.form_block .form-control{ padding:0 25px;}
.form_block label{ left:15px;}
.form_block select.form-control{ padding-left:22px;}
.form_block .msg_info { margin: 10px 0 0 0; font-size: 16px;}
.checkbox_info{ margin-bottom:10px;}
.checkbox_info .regular-checkbox + label{ font-size: 16px;}
.checkbox_info .regular-checkbox + label::before{ top:2px;}
.checkbox_info .regular-checkbox + label::after{ top: 1px; left: 3px;}
.form_sec p{ font-size: 16px; margin:20px 0 30px;}
.social_detail li a { width: 50px; height: 50px; font-size: 20px; line-height: 50px;}
	.nav_sec .navbar-light .navbar-nav .btn-news a {
    font-size: 14px;
    padding: 13px 10px !important;
}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}

.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#3a373a; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

.nav_sec .navbar-light .navbar-nav li{ padding:2px 0; margin:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:8px 0;}
.nav_sec .navbar-light .navbar-nav .nav-link.btn-link{ margin:5px 0; display:block;}

header{ padding:15px 0; position:relative;}
.nav_sec .order-3{ order:inherit; margin:0 20px 0 auto;}
.nav_sec .navbar-brand{ width:150px;}
.hero_cap{ top:40px;}
.hero_cap p{ display:none;}
.hero_cap h1{ font-size:30px;}
.hero_cap h1 span:after{ height:25px; right:-5px; top:5px;}
.btns { padding:10px 20px; font-size:14px;}
.global_title{ font-size:30px;}
.who_sec figure{ margin-bottom:30px;}
.who_sec{ background:#2f98d5 url(../images/who_bg.png) no-repeat left 10% top 10%; background-size:40% auto;}

/************ Candidate Page ***********/
.candidate_banner{ padding:30px 0 180px 0;}
.look_search .field{ height:50px;}
.acc_detail .card-header .btn-link{ font-size:18px;}
.team_sec figure{ margin-bottom:20px;}

/************* Employer Page *************/
.counter_info .count_block{ padding-left:120px; max-width:100%;}
.mission_block{ margin-bottom:20px;}

.job_banner.hero_sec .hero_cap { top: 30px;}
.job_sec .team_sec .detail{ padding:0;}
.job_sec .team_sec h3 { font-size: 22px;}
.job_banner.hero_sec::before{ display:none;}
.job_banner.hero_sec ul li label{ font-size:13px;}
.job_banner.hero_sec ul li{ font-size:16px; display:block;}
.job_banner.hero_sec h2 { font-size: 27px; margin-bottom:10px;}
		.nav_sec .navbar-light .navbar-nav li.btn-news {
    margin-left: 0px;
}
.nav_sec .navbar-light .navbar-nav .btn-news a {
    margin: 5px 0;
    display: block;
}
.copyright{ padding:20px 0; text-align:center}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.hero_cap h1{ font-size:28px;}
.look_search .field{ border-radius:20px !important; margin-bottom:5px; border:none !important;}
.blog_block figure{ width:150px; margin-right:20px;}
.blog_sec h3{ font-size:18px;}
.social_detail li:first-child{ display:block; margin-bottom:10px;}
}