/*-----------------------------------------
* Theme Name: Listing Hub
* Author: Themez Hub
* Version: 1.0
* Last Change: Dec 27 2017
  Author URI    : http://www.themezhub.com/
 --------------------------------*/
@media only screen  and (min-width : 768px) {



.emp-detail {
    margin-top: 60px;
}
.main-banner .caption {
    margin-top: 4em;
}
.heading h2 {
    font-size: 45px;
    margin-bottom:5px;
	color: #fff;
}
.newsletter-box .btn {
    padding: 18px 35px;
    position: absolute;
    top: 5px;
    right: 22px;
}
.freelancer.banner img {
    position: relative;
    top: 5rem;
}
.newsletter-box {
    padding: 0;
    box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.8);
    border-radius: 50px;
}
.main-banner {
    min-height:620px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


}
	
@media only screen  and (min-width : 993px) {
	
	.work-process p {
		font-size: 15px;
		padding: 0 20px;
	}

	.navbar-default .navbar-brand img {
		max-width: 240px;
	}
	.half-box {
		padding:140px 40px;
	}
	.half-box h2{
		font-size:50px;
	}
	.newsletter{
		padding:100px 0;
	}
	
	.freelancer.banner h2{
	font-size:65px;
	}
	.freelancer.banner .input-group .form-control{
		height:65px;
	}
	.freelancer.banner .input-group-btn:last-child>.btn, .freelancer.banner .input-group-btn:last-child>.btn-group {
		height:65px;
	}
	nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
		display: block;
	}
	nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
		display: none;
	}
	nav.navbar.bootsnav.navbar-fixed .logo-display {
		display: none;
	}

}

@media only screen  and (min-width : 1024px) {
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
		width:250px;
	}
	h1 {
	  font-size:46px;
	}
	h2 {
	  font-size:36px;
	}
	h3 {
	  font-size:27px;
	}
	h4 {
	  font-size:20px;
	} 
	
	h5 {
	  font-size:17;
	}
	
	h6 {
	  font-size:12;
	}
	
	/*------------ Custom Font Style --------------*/
	.font-50{
	font-size:50px;
	}

	.font-60{
		font-size:60px;
	}

	.font-80{
		font-size:80px;
	}

	.font-100{
		font-size:100px;
	}

	.font-150{
		font-size:150px;
	}

	.font-200{
		font-size:200px;
	}

	.font-250{
		font-size:250px;
	}

	.font-300{
		font-size:300px;
	}

	.font-400{
		font-size:400px;
	}

	.font-450{
		font-size:450px;
	}

	.font-500{
		font-size:500px;
	}

	.font-bold{
		font-weight:bold;
	}
	.main-banner h2 {
		font-size: 50px;
		font-weight: 600;
		margin-bottom:10px;
	}
	.main-banner .small h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}
	.main-banner p{
		font-size:17px;
	}
	nav.navbar.bootsnav ul.navbar-right li.dropdown.sign-up ul.dropdown-menu li a {
		text-align: left;
	}

}

@media only screen  and (min-width : 1200px) {
	.main-banner, .freelancer.banner .container {
		height:80vh;
		min-height:50px;
	}
	
}

@media only screen and (max-width: 1023px) and (min-width: 993px){
	nav.navbar.bootsnav ul.nav>li>a.btn-signup.red-btn {
    padding: 11px 16px;
    margin-top: 4px;
   }
   .navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}
}

@media screen and (max-width: 1199px) {
	.verticle-blog-caption .blog-shot-caption h4 {
		font-size: 13px;
	}
}

@media only screen and (max-width: 992px) and (min-width: 768px){

}
@media screen and (max-width: 1024px) {
	.work-process:before{
		display:none;
	}
	.slick-prev {
		left: 0;
		z-index:1;
	}
	.slick-next{
		right:5px;
		z-index:1;
	}
}
@media screen and (max-width: 1023px) {
.fs-left-map-box {
		float: none;
	}
	.half-map .fs-inner-container {
		width: 100%;
		min-height: 100vh;
		float: none;
	}
	.fs-left-map-box .map-container.fw-map {
		width: 100%;
		position: relative;
	}
	.home-map.fl-wrap {
		height: 400px;
	}
	.map-container.fw-map #map-main {
		position: relative;
		height: 400px;
	}
}
@media screen and (max-width: 992px) {
	.navbar-default .navbar-brand img {
		max-width: 160px;
	}
	.wj-featured-list-thumb img {
		max-width: 60px;
	}
	.wj-featured-list-thumb {
		width: 70px;
		height: 70px;
	}
	.main-banner .form-control{
		margin-bottom:10px;
	}
	
	.fb-log-btn {
		margin-bottom: 10px;
	}
	
	.main-banner {
		padding-top: 120px;
	}
	.candidate-list-layout {
    display: block;
    text-align: center;
}
	
	.cll-caption ul li {
		border: navajowhite;
	}
	.cll-caption ul {
		margin-bottom: 2rem;
	}
	.filter-wraps-one ul li {
		margin-bottom: 5px;
	}
	.filter-wraps-one i.ti-search {
		display: none;
	}
	.filter-wraps-one ul {
		padding-left: 0;
	}  
}

@media screen and (max-width: 767px) {
    
    
   .freelancer-time {
    color: #000;
    padding: 3px 2px;
    font-size: 12px;
    border-radius: 2px;
    margin: 0px 5px;
}


	.border_b img {
		border-radius: 10px;
		width: 100%;
		height: 90px;
	}

	.name_age {
		background: #fff;
		padding: 3px 5px;
	}
	.name_age h5 {
		margin-top: 0.25em;
		font-size: 11px;
	}

	.call_area_sec a {
		padding: 5px 26px;
		font-size: 18px;
		border-radius: 7px;
		margin: 2px;
		text-align: center;
	}
	
	.modal-dialog {
		width: 100%;
		height: auto;
	}



	#thumbCarousel .thumb {
		float: left;
		margin-right: 10px;
		border: 1px solid #d955ac;
		background: #000;
		margin-bottom: 10px;
	}

	.drop_desk 
    {
    position: relative;
    display: block !important;
}

.carousel-inner > .item > img {
    width: auto;
    height: 320px;
}

	.add-content {
		padding: 24px 0px;
	}
	
	.verticleblogilist .signle-vert-blog-item {
		display: block;
		height: auto;
		overflow: hidden;
	}
	.verticle-blog-caption .blog-shot-caption {
		position: relative;
		transform: translateY(0%);
		left: 12px;
		padding: 2rem;
	}
	.blog-shot-img {
		min-height: auto;
		max-height: initial;
	}
	.small-featured-employers {
		margin-bottom: 10px;
	}
	.testimonial-wrap {
		margin: 1rem 0;
	}
	img.image-cover {
		display: none;
	}
	fieldset.home-form-1 .form-control {
		border: none !important;
	}
	fieldset.home-form-1 .form-group {
		border: 1px solid #dce3ea;
		border-radius: 0.5rem;
		margin-bottom: 10px;
		background: #ffffff;
	}
	fieldset.home-form-1 .form-control {
		border: none !important;
		margin: 0;
	}
	fieldset.home-form-1 .icon-addon.addon-lg {
		max-width: 98%;
		margin: 0 auto;
	}
	/*-- General Style--*/
	html body .mob-padd-0{
		padding:0;
	}
	html body .mob-mrg-0{
		margin:0;
	}
	html body .mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	.heading h2 {
		font-size: 28px;
	}
	/*----- Mobile Padding Settings ------*/
	.mob-padd-0{
		padding-left:0;
		padding-right:0;
	}
	.newsletter-box .btn{
		width:100%;
	}
        .m-clear{
clear:both;
}
	.mob-mrg-0{
		margin-left:-15px;
		margin-right:-15px;
	}
	.mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.banner {
		padding: 100px 0 80px 0;
	}
	
	.emp-pic, .emp-bt, .emp-des {
		text-align: center;
	}
	
	.emp-pic img{
		display:table;
		margin:0 auto;
	}
	.emp-detail {
		margin-top: 50px;
	}

	.logins {
		width: 100%;
		margin: 0px auto;
		padding: 40px;
		border-radius: 6px;
		background: #141414;
		border: 1px solid #242424;
		box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
		-webkit-box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
	}

	.contact_infooo p {
		margin-bottom: 10px;
		width: 100%;
		background: #000;
		padding: 15px 2px;
		border: 1px solid #242424;
	}

}

@media screen and (max-width: 479px) {
    
    

    
    
    .avail_sec {
    float: left;
    margin: 0px 11px 0px 0px;
    color: #000;
    font-size: 12px;
}

.padding_right
{
    padding-right: 0px;
}

.spn_n {
    padding: 0px 3px;
    color: #fff;
}
.btn_ss {
    margin: 18px 0px !important;
}
 .enter_btn {
    background: #029626;
    font-size: 13px !important;
    padding: 9px 7px !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px !important;
}

 



	.border_b img {
		border-radius: 10px;
		width: 100%;
		height: 90px;
	}

	.name_age {
		background: #fff;
		padding: 3px 5px;
	}
	.name_age h5 {
		margin-top: 0.25em;
		font-size: 11px;
	}

	.call_area_sec a {
		padding: 5px 20px;
		font-size: 18px;
		border-radius: 7px;
		margin: 2px;
		text-align: center;
	}

	.contact_infooo p {
		margin-bottom: 10px;
		width: 100%;
		background: #000;
		padding: 15px 2px;
		border: 1px solid #242424;
	}

	.modal-dialog {
		width: 100%;
		height: auto;
	
	}

	.age_secc {
		    padding: 5% 8% 0% !important;
		text-align: left;
	
	}
	
	.leave_btn {
    background: #fe0809;
    font-size: 11px !important;
    padding: 10px 15px !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    margin: -10px;
    color: #fff !important;
}

.modal-content {
    width: 95%;
}

    .modal-content {
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: auto;
    top: 5%;
   overflow-x: hidden;
    height: 550px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
	.carousel-inner > .item > img {
		width: auto;
		height: 320px;
	}

	#thumbCarousel .thumb {
		float: left;
		margin-right: 10px;
		border: 1px solid #d955ac;
		background: #000;
		margin-bottom: 10px;
	}

	.desk_sec {
		display: block;
	}
	
	.drop_desk 
    {
    position: relative;
    display: block !important;
}

	.add-content {
		padding: 8px 0px;
	}


	.footer_btn {
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 9;
		display:block;
	}

	.footer_btn .btn-m {
		padding: 12px 0px;
		font-size: 13px;
	}



	.padding
{
    padding-left: 2px;
    padding-right: 2px;
	display: none;
}

#close {
    top: 144px;
    right: 14px;
    font-size: 30px;
    font-weight: 300;
}

	.lightbox_img_wrap {
		padding-top: 100%;
		position: relative;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.inner_Sec {
		padding: 0px 0px;
	}
	.page-caption a {
		font-size: 12px;
	}


	.page-caption span {
		font-size: 12px;
	}
	.page-caption span i {
		padding: 0px 3px;
	}
	.page-title {
		height: 136px;
		padding-top: 90px;
		color: #fff;
	}

	.cll-thumb {
		width: 100%;

	}

	.cll-caption h3 {
		margin-top: 0px;
		font-size: 12px;
		padding: 1px 0px 0px;
		line-height: 19px;
		font-weight: 400;
	}

	.online_sec li a {
		padding: 0px 0px 0px 0px;
		font-size: 10px;
	}

	.main-banner {
		padding-top: 60px;
	}
	h4.cl-white {
		font-size: 12px;
	}

	.cmp-job-review {
		float: left;
	}
	.vertical-job-header h4, .com-tagline {
		margin-left: 55px;
	}
	.vertical-job-header h4 {
		font-size: 16px;
	}
	.job-verticle-list {
		padding: 0 18px;
	}
	span.pull-right.vacancy-no {
		right: 16px;
	}
	span.pull-right.job-type {
		position: relative;
		right: 0;
		top: 0;
		padding: 1px 22px;
		border-radius: 50px;
		border: 1px solid #eaeff5;
		font-size: 11px;
		float: left !important;

	}
	.newjob-list-layout .cll-caption {
		display: inline-block;
		padding-left: 0;
		margin-top: 1rem;
	}
	.candidate-list-layout, .newjob-list-layout {
		display: block;
	}
	.newjob-list-layout h4 a {
		display: block;
		line-height: 2;
		margin: 0;
	}
	.cll-caption h4 span.jb-status {
		top: 0;
		margin: 0;
	}

	.logins {
		width: 100%;
		margin: 0px auto;
		padding: 40px;
		border-radius: 6px;
		background: #141414;
		border: 1px solid #242424;
		box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
		-webkit-box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
	}
}