@charset "utf-8";
/* Theme 1 */

@media (min-width: 576px) {
	.visible-under-575 {
		display:none !important
	}
	
}

@media (min-width: 768px) {
	
	html {
		font-size:15px
	}
	ul.stateList {
		columns: 2;
	}
	ul.categoryThumb > li {		
		flex: 1 1 33.333%;
		max-width: 33.333%;
	}
	ul.childList > li {		
		flex: 1 1 50%;
		max-width: 50%;
	}
	.container-fluid {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	ul.stateList {
		columns: 3;
	}
	.searchBox {
		margin-top: 40px
	}
	.sec {
		padding:2.5rem 0
	}
	ul.specs > li {
		flex: 0 0 25%;	
	}
	.task-listing-bid > a > img, .task-listing-bid > img {
    	min-height: 160px;
	}
	.task-listing.featured h3.task-listing-title {
	    padding-right: 10%;
	}
	.minH {
		min-height:550px
	}
	
	.pricing-group > .btn {
		flex: 0 0 calc(33.3333% - 1.25rem);
	}
	.visible-under-767 {
		display:none !important
	}
	.section {
		padding: 2rem 0;
	}
	
}

@media (min-width: 992px) {
	.section {
		padding: 2.5rem 0;
	}
	ul.stateList {
		columns: 4;
	}	
	.visible-under-991 {
		display:none !important
	}
	ul.specs > li {
		flex: 0 0 33.3333%;	
	}
	ul.specs-property > li {
		flex: 0 0 25%;
	}
	.general-form {
    	padding: 5rem
	}
	.sec {
		padding:3rem 0
	}
	.filterTop {
		padding:20px 0;
	}	
	.filterTop .intro-banner-search-form {
		padding-top:40px
	}	
	.filterTop .with-autocomplete {
		min-width:300px
	}
	.filterTop .intro-search-field {
		margin-right:15px
	}
	.filtercategory {
		padding: 0 5px;
		padding-top: 15px;
	}	
	.filter-container {
		display:block !important
	}
	.allCategory .container-fluid {
		padding:0 30px
	}
	.task-listing-bid > a > img, .task-listing-bid > img {
    	min-height: 180px;
	}
	.pricing-group > .btn {
		flex: 0 0 calc(25% - 1.25rem);
	}
	.small-footer {
		display:none
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.dashboard-sidebar {
    	flex: 0 0 250px;
	}
	
}

@media (min-width: 576px) and (max-width: 1199px) {
.freelancer a > .img-fluid {
    height: 170px;
}

}
@media (min-width: 1200px) {
.freelancer a > .img-fluid {
    height: 170px;
}
ul.list-4 > li {
	flex: 0 0 50%;
	max-width: 50%;
}

}


@media (min-width: 992px) and (max-width: 1199px) {
	.headerCat ul > li:last-child {
		display:none
	}
	ul.list-4 > li {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}
@media (max-width: 991px) {
	.setlang.active {
    	color: #bb2126;
	}
	
	#filter-sidebar {
		display:none;
		position: fixed;
		background-color: #ffffff;
		z-index: 999;
		left: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		padding: 20px;
	}
	.hide-under-991 {
		display:none !important
	}
	.searchBox > ul li a > span.catName,
	.searchBox > ul li span > span {
		display:none
	}
	.filter-container {
		background-color: #fff;
		position: fixed;	
		left: 0;
		top: 0;
		width: 100%;
		z-index: 999;
		height: 100vh;
		display:none
	}
	.filter-container > form {
		height: calc(100vh - 80px);
		overflow-y: auto;
		padding: 20px;
	}
	.filterTop .container {
		padding:0
	}
	.filterTop .intro-search-field > .dropdown-menu {
    	width: 100%;
	}
	.allCategory .container-fluid {
		padding: 20px
	}
	.headerCat {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1000;
		display:none
	}
	.headerCat ul > li {
		flex: 0 0 100%;
		margin: 6px 0;
	}
	.headerCat ul > li:first-child {
		display:none
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	ul.list-4 > li {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

@media (max-width: 767px) {
	html {
		font-size:14px
	}
	.section {
		padding:2rem 0
	}
	ul.categoryThumb > li {		
		flex: 1 1 50%;
		max-width: 50%;
	}
	ul.childList > li {
		width: 100%;
	}		
	.dashboard-status-button {
		margin: 4px 0 0 4px;
	}
	ul.list-4 > li {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width:576px) and (max-width: 767px) { 
	ul.stateList {
		columns: 2;
	}
	ul.specs > li {
		flex: 0 0 33.3333%;	
	}
	.pricing-group > .btn {
		flex: 0 0 calc(50% - 1.25rem);
	}
}

@media (max-width: 575px) {
	.hide-under-575 {
		display:none !important
	}
	ul.specs > li {
		flex: 0 0 50%;	
	}
	.filterTop .sort-by {
		margin-right:15px;
		margin-bottom:10px
	}
	.modal-dialog {
		align-items: initial;
		height:100%;
		margin:0
	}
	.modal-content {
		border:0
	}
	.exp-group .input-group-append {
		margin-top:1rem;
		width:100%
	}
	.exp-group .input-group-append .input-group-text {
		width:100%
	}
	.avatar-wrapper {
		width: 100px;
		height: 100px;
	}
	.pricing-group {
    	width: 100%;
	}
	.pricing-group > .btn {
		flex: 0 0 100%;
		margin-right:0	
	}
	.my-ads-list .buttons-to-right {
		position: inherit;
		transform: none;
		right: auto;
	}
	ul.list-4 > li {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}
























/* END CSS */