@media only screen and (min-width: 768px) {
	.header .container{
		border-bottom: 0px solid #e6e6e6;
	}
}
@media only screen and (max-width: 768px) {
	*{
	  margin: 0;
	  padding: 0;
	}
	body.home .main-logo{
		display: block;
	}
	.container{
		position: relative;
	}

	.site-container{
		padding-top: 15px;
		border:0;
	}
	.modal-open	div.desktop-only,
	.desktop-only,
	ul li.desktop-only{
		display: none;
	}

	.mobile-only{
		display: block;
	}
	div.col-nav{
		z-index: 10;
		position: relative;
		position: absolute;
		width: 74%;
		left: -75%;
	}
	div.row-nav{
		border:none;
		background: #fff;

	}
	div.col-nav.visible{
		overflow: visible;
		transition: left 0.3s;
		left: -1px;
		top:0;
		padding: 0;
		z-index: 15;
		position: fixed;
		left: 0;
		height: 100%;
		background-color: #fff;
	}
	div.col-nav.visible.default{
		transition: left 0.3s;
		left: -75%;
	}
	.main-navigation .menu-header{
		width: 100%;
		float: left;
	}

	.main-navigation{
	    margin: 0;
	    padding: 0 0 0;
	    min-width: 200px;
	    width: 100%;
	    list-style: none;
	    text-align: left;
	    overflow: visible;
	}
	body.fixed .cover-img .header{
		position: relative;
	}
	.header .container{
		margin-top: 0;
		padding:18px 0;
		background-color: #fff;

		height: 61px;
	}
	.header ul.menu{
		float: left;
		position: relative;
		width: 100%;
		padding-bottom: 0px;
		background: #ffffff;
		border: 0;
	}
	.header .menu-header ul li {
		display: block;
		border-bottom: 1px solid rgba(226, 220, 220, 0.43);
		width: 100%;
	}
	body .menu-header ul li a {
	    display: block;
	    line-height: 23px;
	    padding: 10px 30px;
	    margin: 0 4px;
	    font-size: 13px;
	    color: #383838 !important;
	    height: 40px;
	    font-weight: 500;
	}
	div.col-search{
		padding: 0 10px 10px 10px;
		margin-top: 0;
	}
	.frm-search .search-icon{
		display: none;
	}
	.frm-search{
		width: 100%;
	}
	.frm-search select{
		width: 95px;
		float: left;
		margin-right: 10px;
		z-index: 10;
		padding-left: 5;
		left: 0;
		top:6px;
		display: none;
	}

	input.keyword{
		text-indent: 10px;
		padding-top: 0px;
		display: block;
		height: 35px;
		line-height: 35px;
	}

	.frm-search button.mobile-only{
		position: absolute;
		right: 0px;
		top:0;
		width: 40px;
		height: 30px;
		z-index: 10;
		background: transparent;
		border:none !important;
	}
	.frm-search button.mobile-only span{
		top: 0;
	}
	.main-banner{
		min-height: 520px;
	}
	.heading-aligner h1{
		margin-top: 0;
	}
		.main-login .login-icon{
		font-size: 23px;
		padding-right: 10px;
		color: #666;
		position: relative;
		top: 10px;
	}
	.cover-img ul.main-login .btn-login{
		box-shadow: none !important;
	}
	body.fixed .cover-img ul.main-login .btn-login,
	ul.main-login .btn-login{
		background-color: transparent !important;
	}
	div.col-nav .menu-hamburger:before,
	div.col-nav.visible.default .menu-hamburger:before {
	 content:"\f0c9";
	}
	body .menu-hamburger{
		width: 45px;
	    height: 30px;
	    font-size: 28px;
	    float: left;
	    top: 0px;
	    right: -45px;
	    position: absolute;
	    float: right;
	    cursor: pointer;
	    padding: 0px 0 0 15px;
	    background: #fff;

	}
	div.col-nav.visible .menu-hamburger{
		top:15px;
	}

	div.col-nav.visible .menu-hamburger:before{
		1content: "\e014";
	}
	a.logo{
		top: 0;
	}
	.col-logo {
		text-align: right;
		padding-right: 0;
		margin-left: 20%;
		float: left;
		height: 50px;
	}
	a.logo img{
		vertical-align: top;
		height: auto;
		max-height: 39px;
	}
	.account-dropdown .fa-bell{
		top:0;
	}
	a.logo img.white-logo{
		display: none;
	}
	.header-action{
		position: absolute;
		top:3px;
		right: 0;
		padding-right: 0;
		z-index: 10;
	}
	.header-action .account-dropdown{
		float: right;
		padding-top: 10px;
	}
	.col-account-menu{
		float: right;
		min-width: 105px;
		padding-left: 0 !important;
	}
	body.home .header nav ul li a{
		text-align: left;
	}
	body .header nav ul li a.btn-host-act{
		position: inherit;
	}
	div.header-action{
		width: 30%;
	}
	span.username{
		display: none;
	}
	.main-login {
		display: block;
	}
	div.no-padding-left{
		padding-left: 15px;
	}
	.archive-profile-item  .skills{
		white-space:normal;
	}
	.sidebar{
		padding: 15px;
	}
	.box-shadown{
		margin-bottom: 0;
	}
	.list-project{
		border:0;
		padding: 15px 0;
	}
	.archive-profile-item .full{
		padding-left: 10px;
		padding-right: 10px;
	}
	.col-md-6.archive-profile-item .full{
		border:0;
		border-bottom: 1px solid #eee;
		overflow: hidden;
	}
	.col-md-6.archive-profile-item .bottom-row{
		padding-left: 0;
	}
	.col-md-6.archive-profile-item .bottom-row div{
		padding-left: 0;
	}
	.col-md-6.archive-profile-item .bottom-row div.count-job{
		padding-left: 5px;
	}
	.col-md-6.archive-profile-item .bottom-row div.country-profile{
		padding-right: 0;
	}
	.archive-profile-item .hour-rate{
		top:47px;
		right: 0;
		font-weight: normal;
	}
	.archive-profile-item  .skills a{
		font-size: 13px;
	}
	.col-md-6.archive-profile-item .avatar{
		width: 88px;
		height: 88px;
	}
	.alert-danger{
		display: none;
	}
	#loginModal .modal-content{
		margin-top: 70px;

	}
	#loginModal .modal-dialog input {
	    box-shadow: none;
	    border: 1px solid #E7EAEE;
	    background: rgba(34,58,101,0.1);
	}
	#loginModal .modal-dialog h6 {
	    margin: 5px 0;
	    font-size: 20px;
	}

	#loginModal .modal-dialog h6 {
	    margin: 0;
	    padding: 0;
	    font-size: 18px;
	    font-weight: 600;
	    font-family: "Raleway", sans-serif;
	    display: inline-block;
	}
	#loginModal .modal-dialog .login-via .pull-left,
	#loginModal .modal-dialog .login-via .pull-right {
	    float: none!important;
	    display: block;
	    text-align: center;
	    margin-top: 15px;
	}
	#loginModal .modal-dialog .modal-content a {
	    cursor: pointer;
	}
	.login-via{
		padding-top: 10px;
	}
	.link-signup{

	}
	.btn-login{
		background: transparent;
	}
	.modal-content{
		border-radius: 0 !important;
	}
	.modal-dialog a {
	    color: #222;
	}
	.mt10 {
	    margin-top: 10px !important;
	}
	.mt20{
		margin-top: 20px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.btn-go {
	    background: #B0A376;
	    color: #fff!important;
	}
	.main-login li.avatar{
		position: absolute;
		top:0;
		z-index: 1;
		right: 5px;
	}
	.main-login img.avatar{
		width: 30px;
		height: 30px;
		margin-top: 0;
		border:1px solid #f7f7f7;
		border-radius: 50%;
	}
	.main-login li.profile-account a.account-name{
		opacity: 0;
		z-index: 100;
		padding: 0;
		margin-top: 0;
		width: 36px;
		height: 36px;
		position: relative;
	}
	.main-login li.profile-account a.account-name .caret{
		opacity: 1;
	}
	.main-login li.profile-account .dropdown-menu{
		top:40px;

	}
	ul.list-checkbox{
		display: none;
		max-height: 250px;
		overflow-y: scroll;
	}
	.search-adv{
		display: none;
	}
	.account-dropdown .account-name{

		z-index: 11;
	}
	.account-dropdown img.avatar{
		float: left;
	}
	.head-avatar{

	}
	.account-dropdown img.avatar{
		width: 39px;
		height: 39px;
	}
	.account-dropdown{
		position: relative;
		padding-top: 0;
		padding: 0;
		margin:0;
	}
	.account-dropdown li.profile-account a.account-name{
		float: left;
		width: 100%;
	}
	ul.account-dropdown li.profile-account{
		z-index: 5;
		width: 85px;
   	 	padding-left: 6px;
	}
	.profile-account  .caret{
		right: 5px;
		top: 4px;
		color: #666 !important;
	}
	ul.account-dropdown li.avatar {
		position: absolute;
		top: 5px;
		right: 0;
	}


	.frm-submit-project .btn-file-uploader{
		width: 100%;
		clear: both;
		float: left;
	}
	.frm-submit-project .file-uploader-area{
		display: block;
	}
	.frm-submit-project .file-uploader-area{
		padding: 0;
	}
	.frm-submit-project .file-uploader-area .file-upload-text{
		width: 100%;
		clear: both;
		float: left;
		padding-left: 0;
	}
	.btn-biggest, .btn.btn-biggest{
		max-width: 100%;
		margin-bottom: 10px;
	}
	footer{
		font-size: 13px;
	}
	footer .col-xs-4, footer .col-xs-12{
		padding: 0;
	}
	.pre-footer{
		padding: 2em 0 0.5em 0;
	}
	#right_column{
		padding: 0;
	}
	.list-info {
		width: 100%;
		float: left;
	}
	.archive-profile-item .list-info span.item{
		min-width: 0;
		padding: 0;
	}
	.archive-profile-item .list-info .hour-rate{
		position: absolute;
		top:-50px;
		right:0;
		width: 56px;
	}
	.archive-profile-item .txt-rate{
		float: right;
	}
	.archive-profile-item .list-info span.item.eared-txt{
		text-align: left !important;
	}
	.archive-profile-item .hour-rate{
		top:10px; right: 0;
		position: absolute;

	}
	.archive-profile-item .res-content{
		padding: 0;
	}
	.archive-profile-item .res-content.res-second-line{
		padding-right: 0;
		padding-left: 10px;
		padding-top: 10px;
	}
	.archive-profile-item  .second-line{
		clear: none;
		padding: 6px 0;
	}
	.archive-profile-item .glyphicon-time{
		display: none;
	}
	.archive-profile-item .col-avatar{

	}
	.archive-profile-item .col-avatar a{
		display: block;text-align: center;
		margin-bottom: 15px;
	}
	.archive-profile-item .col-avatar a img{
		border-radius: 50%;
		border:0 solid #ccc;
	}
	.col-md-4.port-item{
		background: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.port-item img{
		max-height: 100%;
	}
	.col-md-4.port-item{
		padding: 0 15px;
		margin-top: 0;
	}
	.bg-section{
		margin:0;
		padding-left: 0;
		padding-right: 0;
		border:0;
	}
	.work-status li{
		clear: none;
		float: left;
	}
	.author-view .hour-rate{
		position: relative;
		top:0px;
	}
	.author-view img.avatar{
		max-width: 150px;
	}
	.profile-item .list-info .hour-rate {
	    position: absolute;
	    top: -50px;
	    right: -51px;
	}
	.site-container{
		background: #fff;
	}
	.account-dropdown  .fa-bell{
		color: #666;
		top:0px;
	}
	ul.account-dropdown li.icon-bell{
		width: 20px;
		float: left;
	}
	ul.account-dropdown li.icon-bell .dropdown-toggle{
	    width: 100%;
	    padding-top: 11px;
	    float: left;
	}

	ul.account-dropdown li.icon-bell  ul{
		min-width: 274px;
		max-width: 100%;
	}
	.left-noti{
		width: 20%;
	}
	.right-noti{
		width: 80%;
	}
	ul.account-dropdown li.icon-bell  ul{
		right: -25px;
	}
	#full_header{
		z-index: 99;
		width: 100%;
	}
	.main-archive .site-container{
		margin-top: 0;
	}
	.main-archive{
		padding-top: 0;
	}
	.post-type-archive .main-archive .container{
		padding: 0;
	}
	body.single-project .container.single-project{
		padding: 0;
	}
	.archive-profile-item .list-info .hour-rate i{
		display: none;
	}
	.container.site-container{
		padding-left: 0;
		padding-right: 0;
	}
	ul.main-login li{
		padding-top: 0;
	}
	#wp-admin-bar-my-account{
		display: none !important;
	}
	.column-left-detail{
		border-right: 0;
	}
	.heading-aligner .text-right, .heading-aligner .col-md-6{
		text-align: center;
	}
	.archive-profile-item a.avatar img{
		max-width: 88px;
	}
	.header-list-bid{
		display: none;
	}
	.bid-item .bid-title{
		display: block;
		text-align: center;
	}
	.header nav ul.sub-menu{
		position: relative;
		width: 100%;
		background-color: #fff;

	}

	.header nav ul.sub-menu li{
		background-color: #fff;
	}
	.header nav ul.sub-menu li a{
		text-indent: 40px;
	}
	.col-signup-lastname{
		margin-top: 15px;
	}
	.dashboard-nav ul{
		width: 100%;
		display: block;
		clear: both;
		padding:0;
	}
	.dashboard-nav ul li {
		display: flex;
	}
	.dashboard-nav ul li a{
		padding-left: 5px;
		padding-right: 5px;
	}
	.elementor-element-24ff98f{
		padding:10px;
	}
	.left-dashboard{
		border:0;
		border-radius: 0;
	}
	.edit-profile-section{
		border:0;
		float: none;
		clear: both;
		overflow:hidden;
		padding: 0;
	}
	.edit-profile-section .btn-edit{
		top1: 0;
	}
	.frm-submit-project{
		padding:10px;
	}
	#main_signup{
		padding: 0;
	}
	.sign-block .form-row .form-group.col-md-6.col-xs-6:first-child{
		padding-right: 7px;
	}
	.sign-block .form-row .form-group.col-md-6.col-xs-6:last-child{
		padding-left: 7px;
	}
	ul.main-login .btn-login{
		border:0;
	}
	.job-process-heading li {
		display: block;
		float: none;
		text-align: center;
	}
	.job-process-heading li a{
		display: block;
		padding: 10px;
	}
	.col-md-sec5{
		width: 33%;
		float: left;
	}
	.col-md-sec5.col-withdraw,
	.col-md-sec5.col-withdrawing{
		width: 50%;
	}
	.credit-info .col-md-sec5 .form-group .price{
		font-size: 17px;
	}
	.btn-buy-credit{
		float: none !important;
		margin:0 auto;
		display: block;
		clear: both;
		max-width: 80%;
	}
}