/*
===================================================================
    RESPONSIVE CSS HERE 
===================================================================

*/


@media(max-width:480px){
.logoarea img {
	width: 100%;
}
.logoarea {
	width: 60%;
	margin-right: 0px;
}    
.mainavbararea {
	padding: 10px 5px 10px 5px !important;
	margin: 0px !important;
}    

.viewpromainavataer {
	margin-right: 15px;
	width: 80%;
}    
.viewpropsaltitledesc {
	padding-right: 20px;
	width: 100%;
}  
    
.freeprotoparea figure img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	margin-right: 60px;
}

.freetoptitledes h2{
    font-size: 20px;
    margin-bottom: 0px;
}    

.freetoptitledes h4{
    font-size: 16px;
}    
    
 .singleFoterlistarea a img {
	width: 60%;
}      

    
.omjhecentertabs {
	padding: 10px 0px;
	width: 250px;
}    
   
.omjhecentertabs button {
	padding: 10px 10px;
	margin-right: 5px;
	font-size: 12px;
}    
    
    
.gridclumnclass {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	-o-column-count: 1;
	column-count: 1;
}    
    
    

.singlestepsofeedback{
    display: block;
}    
    
    
    
/*
================================
        landing page css 
================================    
*/    
.singleproject {
	height: auto;
	margin-bottom: 20px;
	width: 80%;
	margin: 0px auto 20px;
}    
        
.searchformbanner .wanthireclass {
	margin-bottom: 15px;
}
    
.singleHowItWorks img {
	width: auto;
}    




}







@media (max-width: 575.98px) {
.headtopcatlistin ul li a {
	padding: 3px 5px;
	font-size: 10px;
}
.wanttoworkc {
	margin-right: 0px;
	margin-bottom: 15px;
}    
    
.mainavbararea {
	padding: 10px 10px 10px 20px !important;
	margin: 0px !important;
}   
.bannerarea{
    height:100%;
    min-height:100%;
}    
    
.bannerinnform {
	padding-top: 0px;
}    
 .bannerinnform h1 {
	font-size: 32px;
} 
.single_catarea8 a h6, .single_catarea7 a h6, .single_catarea6 a h6, .single_catarea5 a h6, .single_catarea4 a h6, .single_catarea3 a h6, .single_catarea2 a h6, .single_catarea a h6 {
	font-size: 12px;
}    
.filteringjob h4 {
	margin: 0px;
	font-size: 14px;
}
.filterinItems ul li {
	margin-right: 5px;
	padding: 8px 5px;
	display: block;
}    
.sortingtitle h4 {
	margin: 0px;
	font-size: 14px;
}    
  
.singleRproarea h3 {
	font-size: 16px;
} 
.searchformbanner form{
	display: block;
}  
.searchformbanner input {
	width: 100%;
	display: block;
	border-radius: 5px;
	margin-bottom: 10px;
}
.searchformbanner button {
	width: 70%;
	border-radius: 5px;
}  
 .howitowrksinner {
	margin-bottom: 30px;
}
.recentjobsorting {
	-webkit-display: flex;
	display: flex;
	justify-content: start;
	align-content: start;
	padding-bottom: 10px;
}   
.filteringjobarea {
	border-right: none;
	display: flex;
}  
    
.single_brtocatarea {
	margin-bottom: 40px;
} 
    
    
.homebrskillarea{
    margin-bottom: 10px;
}    
  
.copyright p,    
 .socialmedifooter ul {
	text-align: center;
}   
  
    
.filteringjobarea {
	border-right: none;
	display: block;
}    
 .filteringdropdown4 ul, .filteringdropdown3 ul, .filteringdropdown2 ul, .filteringdropdown ul {
	width: 220px;
}   
 
.singleRecentJpostarea {
	padding: 20px;
    display: block;
}    
.recentsidebarjob {
	margin-top: 30px;
}    
    
.singleRjpostarea {
	text-align: left;
} 
    
.maincollapsearea ul li a {
	padding: 10px 20px !important;
}    
    
.referbyemail input {
	width: 55%;
}    
.referelpaginner p {
	width: 80%;
}    
.referebysocialmei button {
	margin-right: 10px;
	margin-bottom: 10px;
}     

.referbyemail button{
    padding: 10px 10px;
}
    
.loginemailuserarea form input {
	width: 100%;
}   
.remembermearea {
	width: 100%;
}    
    
 .socialmedisignin a {
	margin-bottom: 10px;
}   
 
.hireworkinput {
	width: 100%;
}    
.single_catarea {
	margin-bottom:5px;
    height: auto;
}   
.browseProRightarea {
	margin-top: 20px;
} 
 .recentjobfiltering {
	display: block;
     
    }
    
.filteringtitle {
	margin-bottom: 10px;
}    
.filteringdetailsb a {
	padding: 6px 8px;
	margin-right: 5px;
    
    
    
}

.mainavbararea {
	padding: 10px 10px 10px 20px !important;
	margin: 0px !important;
}    
    
.advertisementspace{
    margin-top:20px;
} 
    
.singtimeframonly,    
.singbudgetonly {
	border-right:none;
}    
    
.singlepbudtimearea {
	display: block;
}       
 .singletimeopen {
	text-align: left;
     margin:20px 0px;
}   
.spbidbutton {
	text-align: left;
}
       
.sprojobdetailsmainare {
	display: block;
}    
 .sprojectDescription {
	/* flex: 1; */
	width: 100%;
	margin-right: 0px;
}   
    
.sprobuyerinfoarea {
	width: 60%;
	margin: 0px auto;
}  
    
.freebidareadetails {
	display: block;
}    
.freebidreputation ul {
	text-align: left;
	padding-bottom:5px;
}    
 
.freebidreputation {
	text-align: left;
}    
.freebidreputation {
	margin-top: 15px;
} 
.freebidprice {
	text-align: left;
	margin-top: 10px;
}    

.freebidtitlearea h4 {
	color: #fff;
	font-size: 14px;
}   
    
.single_browfilterone form input[type="submit"], .postajobareainner form input[type="submit"] {
	padding: 10px 45px;
}    
    
.profilephotosize {
	width: 30px;
	height: 30px;
	position: relative;
	left: 0;
	/* padding-right: 10px; */
	top: 0px;
}    
   
.signeFreelancerSec {
	display: block;
}    
.singleFreeSkills ul li a{
    margin-bottom: 5px;
}  
    
.paginationList ul li a {
	padding: 3px 6px;
	font-size: 13px;
} 
    
.placebidarea {
	display: block;
}   
.placebidinputarea {
	width: 100%;
}    

.placebidLabelarea{
    width:100%;
}
    
.deliverinputbox {
	width: 100%;
}   
    
.placbidpamount span{
    margin-bottom: 15px;
    display: block;
    
}    
  
.bordertopareamobile {
	border-top: 1px solid #ddd;
	margin-top: 20px;
}   
  
    
.myprojecaltileopenpro {
	display: block;
}    
.myprsinglttile {
	text-align: left;
}  
    
.myprsinglttile h5{
    font-size: 14px;
    margin-bottom: 8px;
}    
    
.myprotitle a{
    margin-right:0px;
    margin-bottom: 10px;

}    
.myallopenprodetails {
    display: block;
}   
.myallprtitle {
	text-align: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	padding-left: 10px;
}
    
.myallprtitle:last-child{
    border-bottom: none;
}  
    
.awaredeprotitle h2 {
	margin: 0px;
	font-size: 32px;
}    
.awardedProjleftside {
	margin-bottom: 30px;
}       
.awardedprallinfo {
	display: block;
}   
.awardedsiinfo {
	border-right: none;
	border-bottom: 1px solid #ddd;
}   
    
 .viewProposalarea {
	display: block;
}   
    
.viewproleftsidebare {
	display: block;
	width: 100%;
}    
.viewproleftsidebare a img {
	width: 40%;
	margin-bottom: 15px;
}    
    
 .viewprorightsidearea {
	width: 100%;
	text-align: left;
	border-left: none;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	margin-top: 30px;
}   
.singleMembershipbox{
    margin-bottom: 20px;
}     
.membershiptitle h2{
    font-size: 32px;
}    
 
.allmembershiptablesare {
	display: block;
	background: none;
}    
.singleMembership {
	margin-bottom: 20px;
}    
    
 .singleProCat2 ul li {
	width: calc(100% * (1/1) - 10px - 1px);
	
}    
    
    
.singleFreelancerpro {

}    
        
 .viewpromainavataer {
	margin-right: 15px;
	width: 80%;
}       
    
.viewpropsaltitledesc {
	padding-right: 20px;
	width: 100%;
}    
    
#btnContainer{
    margin-top:15px;
}   
    
 .singlerowjobs .column {
	float: none;
	width: 100% !important;
	margin: 0px auto 20px;
}  
    
.singleconleft a img {
	width: 30%;
	height: auto;
	float: none!important;
	margin-right:0px;
}    
     
.singleConversationfre,    
 .singleConversationbuyer {
	display: block;
}   
    
 .singlecoright {
	text-align: left;
	flex: 1;
	margin-top: 15px;
}   
    
.conversattintile h2 {
	margin: 0px;
	text-align: left;
	font-size: 18px;
}    
    
.hidefrominbox a {
	font-size: 14px;
}    
    
.freelancerprsidebar {
	margin-top: 30px;
}   
.freetoptitledes ul li a {
	margin-bottom: 5px;
}    
    
.allcattitle h2 {
	font-size: 20px;
} 
    
.allcattitle p {
	font-size: 16px;
	color: #333;
	font-weight: 200;
	line-height: 24px;
}
    
.singleHowItWorks {
	margin-bottom: 20px;
}   
    
    
    
.trustedpartnerlist ul {
	display: block;
	text-align: center;
}    
    
.trustedpartnerlist ul li {
	margin: 0px 0px 15px;
}    
  
.trustedpartnerlist ul li img {
	width: 60%;
	margin: 0px auto;
}    
    
.newslettersinner form input[type="email"] {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}    
    
 .singleScroparea {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
	border-bottom: 2px solid #20b251;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
    
.hirescopeinnerarea {
	display: block;
	justify-content: space-between;
	align-items: center;
}    
   
.singleScroparea:first-child {
	border-left: none;
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
}    
    
.trustedpartnerlist ul li {
	margin: 0px 0px 15px;
	display: block;
}  
    
.singleSkills span {
	display: inline-block;
	margin-bottom: 5px;
}    
.videoareatwo iframe{
    width:100%;
    height: 315px;

}  
    
.trustedpartnersarea .allcattitle h6 {
	text-align: center;
} 
    
    
.singlecarlist,    
.sinleTeammember,    
.contactform {
	margin-bottom: 40px;
}   
    
.singlecontactus {
	border-right: none;
	margin-bottom: 30px;
}  
    
.aboutusinner p{
    color: #fff;
}    
    
.contactomjbutoon a {
	display: block;
	font-size: 16px;
	margin: 10px 20px;
	padding: 12px 20px;
}  
    
.blogsidebar {
	margin-left: 0px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
    
.singleBloginDetails a h2 {
	font-size: 25px;
}    
    
.sblogimage a img {
	width: 230px;
	height: 60px;
}
    
.sitemapsingel ul li {
	flex-basis: 100%;
	display: block;
}    
    
.allcatsarea {
	display: block;
} 
.singleCatsareaf {
	display: block;
	flex-basis: 100%;
	margin-bottom: 25px;
}   
 
    
.scaareaficon {
	margin-right: 0px;
	margin-bottom: 10px;
}    
 
.searchboxfbyskill input {
	width: 100%;
}    
    
.lpbdusermainbg {
	background-size: cover;
	background-position: 80% 50%;
} 
.lpbduesrleftside p {
	color: #fff;
	width: 60%;
} 
 
    
.singlestatbdlp span {
	font-size: 24px;
}    
 
    
.bdlponehright {
	top: 0px;
	margin: 30px 0px;
}    
  
.bdlpstatistics .singlestatbdlp {
	margin-bottom: 20px;
}    
.bdlpstatistics {
	background: #20b251;
	padding: 50px 0px 30px;
}    
    
    
.singleFoterlistarea a img {
	margin-bottom: 10px;
	display: block;
	width: 50%;
}    
    
 .registerlpbdtwo form {
	display: flex;
	justify-content: space-between;
	flex-basis: auto;
	flex-wrap: wrap;
}
    
.registerlpbdtwo form input {

	margin-right:0px;
	margin-bottom:10px;
	 width: 100%; 
}   

    
.bdlptwovideoright {
	margin-top: 30px;
}   
    
.registiframelptwo {
	margin: 30px 0px 0px;
}    
    
    
.gridlycolumnbox {
	width: 100% !important;
}    
    
    
.arrowlpbdone img {
	display: none;
}    
    
.bdlpstatistics .singlestatbdlp {
	border-right: none;
}    
    
.speech-bubbleSeller,
.speech-bubbleclient{
    width: 80%;
}  
    
.reghelpsidebar {
	margin-bottom: 20px;
}    
    
    
.hiretabfinriimage {
	margin:20px auto 30px;
	display: block;
}    
  
#aboutomjfaq, #abouthiromj, #aboutfreeomj, #hireffindtabid, #hiregethiretabid, #hirefworktabid, #hiregetpaymenttabid, #hireworktabid, #hirepaymenttabid, #hirehiretabid {
	padding-top: 0;
}    
    
.pillshirearea ul li.getstarbuttonhiw {
	margin-left: 0px !important;
	margin-top: 10px;
}
    
    
.faqtabhiworkspage form {
	display: block;
	justify-content: center;
	text-align: center;
}
    
.faqtabhiworkspage form input[type="search"] {
	width: 100%;
	margin-bottom: 10px;
    border-radius: 0px;
}    

.faqtabhiworkspage form input[type="submit"] {
    border-radius: 0px;
}    
    

.arrowbdlpthree{
    display: none;
}
    
.lpthreebdwtget p{
    width: 100%;
}    
    
.forzeroforinner h2 {
	font-size: 100px;
}    
    
.employerlistlinks {
	display: block;
	justify-content: space-around;
}    

.viewallnotiavater {
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
  
    
.loginemailuserarea button {
	padding: 10px 40px;
}    
    
  
.googlecaptha {
	margin: 10px auto 0px;
	width: 100%;
}    
    
 
 
.sliderleftiside p{
    color: #fff;    
} 
    
    
 .hiretabfindsecleft ul {
	padding-left: 15px;
}   
    
.employersection {
	margin-top: 20px;
}    
    
.referbyemail button {
	padding: 10px 8px;
    font-size: 13px;
}    
  
.referebysocialmei button {
	width: 100%;
}    
    
 .referealpagearea {
	padding: 50px 0px;
}   
    
    
.privacytitle h2 {
	font-size: 24px;
	line-height: 32px;
}    
  
.privacypolipara ul {
	padding-left: 10px;
}    
    
  
.maincollapsearea ul li.notificationlistmain .messagenotification, .maincollapsearea ul li.notificationlistmain .notificationDetails {
 	left: 0;
     width: 220px;
   
}
    
.awardedorcrestDescri p {
	margin-bottom: 0px;
}    

.placebidarea h6 {
    margin: 0px 0px 10px;
    color: #847373;
} 
    
    
.gridlycolumnbox {
	width: 100% !important;
	display: inline-block;
}
    
.recentproarealeft {
	flex: 1;
	border-right: none;
	margin-right: 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}
    
    
.gridclumnclass .recentproarealeft{
    margin-right:0px;
    border-right: 0px;
    border-bottom: 0px;
}
    
    
 
.hiretabfindsecleft {
	text-align: left;
	padding-top: 10px;
}
    
.maincollapsearea ul li a.dropdown-item{

}    
.profileavatext {
	margin-left: 0px;
}    
    
    
.speech-bubbleSeller, .speech-bubbleclient {
	width: 95%;
}    
    
    
.speech-bubbleSeller a{
    word-wrap: break-word;
}    

    
.conversationmainarea {}    
.conversationmainarea .paginationList{}    
.conversationmainarea .paginationList ul{
    display: initial;    
}    
.conversationmainarea .paginationList ul li{
    display: inline-block;
    margin-bottom: 10px;
}    
.conversationmainarea .paginationList ul li a{}    
    
.sprobuyerinfoarea {
	width: 100%;
	margin: 0px auto;
	border-top: 1px solid #ddd;
	border-left: 0px;
}  
    
    
.headertopcatlist ul li {
	display: block;
	margin-bottom: 6px;
}    
    
 
.headertopcatlist ul li a {
	display: block;
}   
    
.nameUsername {
	display: block;
}    
    
  
.singleCarouselitem {
	display: block;
}    
.carouseltext {
	width: 100%;
	padding: 20px;
}    
    
.carouselimage {
	width: 70%;
	padding: 20px 20px 0px;
	margin: 0px auto;
}
    
    
.freelancernewpropic {
	margin-top: 0px;
	text-align: center;
}
    
    
.paddinglessfrright {
	padding-right: 15px;
}    
    
    
 .freelancerhireme {
	padding: 10px;
}    
    
.freejobsratings ul li {
	font-size: 12px;
}    
 
.freejobsratings ul li span {
	font-size: 16px;
}   
    
.singleSkillTest {
	margin-bottom: 30px;
}    
       
    
  
.testtablesfree table tr th,
.testtablesfree table tr td {
	font-size: 12px;
}    
    
.testtablesfree table tr td span {
	padding: 4px 5px;
	font-weight: 300;
	margin-left: 5px;
    display: block;
}
     
.a2a_default_style a {
	display: inline-block;
	margin-bottom: 10px;
}    
     
.countdowntimer {
	display: block;
	width: 40%;
}    
    
.countdowntimer h2{
    border-right:0px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}  
    
.countdowntimer h2:last-child{
    border-bottom: 0px;
}    
    
  .lpcomfiveinnerarea h1 {
	font-size: 36px;
}    
    
 .lpcomfiveinnerarea h2 {
	line-height: 24px;
	width: 100%;
}      
  
.countdowntimer h2 span{
    padding-top:30px;        
}    
.aboutuslpfivemore {

}   

.emailsubscriberomj form{
    display: block;
}    
.emailsubscriberomj form input[type="email"] {
	border-radius: 3px;
	width: 100%;
	border: none;
	color: #ddd;
	margin-bottom: 10px;
}    
 
.emailsubscriberomj form input[type="submit"] {
	border-radius: 3px;
} 
.lpcomfiveinnerarea h2 {
	line-height: 24px;
	width: 100%;
	padding: 0px;
}    
.lpcomfiveinnerarea h1 {
	font-size: 20px;
	line-height: 25px;
} 
    
    

.referbyemail form {
	display: block;
	width: 100%;
}        
 
.invitegcontact {
	margin-bottom: 15px;
    margin-right:0px;
}    
 
.referbyemail input {
	width: 100%;
	border-radius: 3px;
	margin: 0px 0px 15px;
} 
.referbyemail button {
	width: 100%;
	border-radius: 3px;
} 
 
.a2a_default_style a {
	width: 100%;
}    
   
    
.totalreferalincom h2 span {
	display: block;
	font-size: 50px;
}   
    

.columnsectionlistgrid .singleRproarea{
    border-right:0px;
}    
    
    
.single_browfilter {
	margin-bottom: 0px;
}    
  
    
    
.referbyemail button {
	width: auto;
	border-radius: 3px;
} 
    
.single_browfilter {
	margin-bottom: 0px;
}     
   
 .referbyemail button {
	padding: 10px 10px;
	font-size: 13px;
}    
   
.referbyemail form span {
	display: block;
}    
    
.newreferealpagearea {
	padding: 60px 0px 130px;
}  
    
  
.referralcopylinksocial {
	display: block;
	padding-top: 0px;
	margin-top: 50px;
}    
   
.referralcopylink {
	margin-right: 0px;
}    
.referralinfoinner {
	padding: 20px;
}    
    
 .referralcopylink form button {
	width: auto;
}   
    
    
.a2a_default_style a {
	padding: 5px 6px !important;
    display: inline;
}    
    
    
.feedbackratitle h2 {
	font-size: 18px;
}    
    
#playbtnlpfor .modal-dialog {
	max-width: 60%;
	margin: 0px auto;
}   
  
    

.referralnewpageparent {
	display: block;
}    
    
.referralinfoinner {
	width: 100%;
}    
    
.referalEarningsrp {
	width: 100%;
}    
.referalEarningsrp .referelincome {
	margin-top: 0%;
}    
    
.awardedprallinfo {
	padding: 20px 10px;
} 

.awardedsiinfo a {
	font-size: 24px;
}    
   
.revenuearea .awardedsiinfo {
    padding: 20px 3px;
}     
      
    
.awardedprallinfo .awardedsiinfo:last-child,    
.revenuearea .awardedsiinfo:last-child{
    border-bottom: none;
}    
    
    
.loginemailuserarea button {
	width: 100%;
}    
    
 .logintitle h2 {
	font-size: 20px;
	margin-top: 0px;
}   
    
    
.mainDropDownlist .dropdown-menu{
   /* width:45%;*/

   width:100%;
}    
    
    
 .singleRproarea {
	border-right: none;
	margin-right: 0px;
}   
    
    
 .singleProCat h4 {
	font-size: 18px;
}
    
.mainDropDownlist .dropdown-menu a {
	padding: 8px 10px !important;
}    
    
.singbudgetonly ul{
    display: block;
}   
    
 .singbudgetonly ul li {
	width: 100%;
	line-height: 50px;
	margin: 0px auto 15px;
}   
  
.postajobsiproboth {
	width: 100%;
}    
   
    
.sharingsuccessmessage {
	margin-bottom: 30px;
}    
    
    
    
.conversationmainarea {
	margin-bottom: 15px;
}    
    
 .allportfoliosarea {
	justify-content: center;
}   
    
    
.ordercanbutparent {
	text-align: right;
	margin-top: 10px;
}  


.sliderleftisidefivelp p{
    color: #fff!important;
}    
    
 .lpfivebanervideo {
	padding-top: 0px;
	transform: scaleX(-1);
     margin-bottom: 20px;
}   
    
.newslettersinner form {
	width: 80%;
	margin: 0px auto;
}   




.singleFeedbackhistorytwo{
	display: block;
}

.singleFeedbackhistorytwo .singlefeedistoryfeedback {
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}
.singleRjpostareatwo ul {
	text-align: left;
}

.singleRjpostareatwo ul {
    justify-content:center;
}


/*
=====================================
        LANDING PAGE CSS
=====================================    
*/    
    
 .lpbannerrighttdetails a {
	margin-top: 0px;
}   

.lpbannerrighttdetails h1 {
	color: #fff;
	line-height: 24px;
	font-size: 20px;
}        
.lpbannerrighttdetails {
	padding-top: 20px;
	padding-bottom: 20px;
}    
.howrecruittext h2 {
	color: #20b251;
	font-size: 20px;
} 
    
.ourclientlistsare ul li img {
	display: block;
	width: 60%;
	margin: 0px auto 20px;
}    
    
.singleproject {
	height: auto;
	margin-bottom: 20px;
	width: 60%;
	margin: 0px auto 20px;
}    
        
  
    
.wanttoworkc {
	margin-right: 0px;
	margin-bottom: 15px;
}    
    
.mainavbararea {
	padding: 10px 10px 10px 20px !important;
	margin: 0px !important;
}   

.copyright p,    
 .socialmedifooter ul {
	text-align: center;
}   
  

    
.kindofworkleftside {
	padding-top: 10px;
	margin-bottom: 40px;
}
    
.singlekindsofwork{
    margin-bottom: 40px;
    height: auto;
}          
    
    
    
.singlegetproject,    
.singleprojectcrowd{
    margin-bottom: 20px;
}    
    
        
.carousel-caption {
	top: 0%;
}    
.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
    margin: 0px;
} 
    
.carousel-caption p{
	font-size:14px;
}     
    
.sliderrightside {
	padding-top: 0px;
}
    
.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
	margin: 0px;
	line-height: 18px;
	margin-bottom: 10px;
}
.carousel-item img{
    min-height: 250px;
}    
.sliderrightside a {
	font-size: 13
        
}
    
.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
	margin: 0px;
	line-height: 18px;
	margin-bottom: 10px;
}    
    
    
.additionalhelp ul li a {
    display: block;
    margin:0px 0px 10px;
}    
    
.thirdlandigpform {
	margin-top: 30px;
}

.sliderrightside a.wantohire{
    margin-bottom: 20px;
}    
    


.margintopmobile{
    margin-top:30px;
}    
.bankallformsarea {
	display: block;
}    
    
.bankDetailsform {
	width: 100%;
    margin-bottom: 20px;
} 
    
.bankdetailsreview {
    width: 100%;
}
    
.lpbannerfourleftside h1 {
	font-size: 24px;
}    
 
.lpfourgetbutton {
	font-size: 22px;
}     
    
.lpbannerfourleftside {
	margin-bottom: 50px;
} 
 
.visitorcounterlist ul li {
	font-size: 14px;
    margin-bottom: 10px;
}    
   
.lpfourgetbuttontwo {
	width: 60%;
}    
    
.howdoesworktitle {
	margin: 30px 0 30px;
}      

.lpfourgetbutton{
    width: 100%;
}    
    
.howdoesworktitle h1 {
	font-size: 24px;
}  
 
.howdoesworktitletwo h2 {
	font-size: 22px;
}    

.howdoesworktitle p {
	font-size: 16px;
}    
  
 .lpcomheaderfour .maincollapseareatwo ul li {
	margin-right: 0px;
	margin-bottom: 5px;
	display: block;
}    
    
.lpcomheaderfour .maincollapseareatwo ul li a {
	display: inline-block;
}    
    
 .lpcomfiveinnerarea a img {
	width: 40%;
}  
    
.videoPoster {
	background-size: cover;
}
    
 .lpbduserfivearea .carousel-item {
	padding: 20px 0px 20px 20px;
     background-size: cover;
}      
         
.lpbduseroneviban .lpforplaybutto i {
	color: #fff;
	font-size: 60px;
} 
    
    
#lpbduserhomevimod .modal-dialog,
#lpbduserfivevimod .modal-dialog,
#lpbduthreeavimo .modal-dialog,
#lpbdutwovidemod .modal-dialog,
#playbtnlpfor .modal-dialog {
	max-width: 100%;
	margin: 0px auto;
}    
 
    
    
.singlefoooomjflogo p{
margin-bottom: 5px;
}    
.buyerpaymentoptio ul li a {
	padding: 10px 5px;
}    
.buyerpaymentoptio{
    margin-bottom: 30px;
}   
    
.landingpagesevenslide{
	padding: 20px;
}    

.landingpagesevenslide h2 {
	font-size: 24px!important;
}
.landingpagesevenslide .allcattitle p {
	font-size: 16px;
	color: #fff!important;
	font-weight: 500!important;
	line-height: 24px;
}
.kindofworkleftside h2 {
	margin-top: 0px;
	font-size: 24px;
	margin-top: 10px;
}

           
    
}
    
    
    
    
    
    
    
    
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
 .headtopcatlistin ul li a {
	padding: 8px 10px;
}
.singlefoooomjflogo p{
margin-bottom: 5px;
}    

.mainavbararea {
	padding: 10px 10px 4px 20px !important;
	margin: 0px !important;
}   
.bannerarea{
    height:100%;
    min-height:100%;
}    
    
.bannerinnform {
	padding-top: 0px;
}    
 .bannerinnform h1 {
	font-size: 32px;
} 
.single_catarea8 a h6, .single_catarea7 a h6, .single_catarea6 a h6, .single_catarea5 a h6, .single_catarea4 a h6, .single_catarea3 a h6, .single_catarea2 a h6, .single_catarea a h6 {
	font-size: 12px;
}    
.filteringjob h4 {
	margin: 0px;
	font-size: 14px;
}
.filterinItems ul li {
	margin-right: 5px;
	padding: 15px 5px;
}    
.sortingtitle h4 {
	margin: 0px;
	font-size: 14px;
}    
  
.singleRproarea h3 {
	font-size: 16px;
} 
    
.searchformbanner input {
	width: 60%;
}    
.searchformbanner button {

	width: 30%;
}    
 .howitowrksinner {
	margin-bottom: 30px;
}
.recentjobsorting {
	-webkit-display: flex;
	display: flex;
	justify-content: start;
	align-content: start;
	padding-bottom: 10px;
}   
.filteringjobarea {
	border-right: none;
	display: flex;
}  
    
.single_brtocatarea {
	margin-bottom: 40px;
} 
    

.homebrskillarea{
    margin-bottom: 10px;
}   
    
  
.copyright p,    
 .socialmedifooter ul {
	text-align: center;
} 
.maincollapsearea ul li a {
	padding: 10px 20px !important;
} 
    
.referbyemail input {
	width: 40%;
}    
.referelpaginner p {
	width: 60%;
}    
.referebysocialmei button {
	margin-right: 10px;
	margin-bottom: 10px;
}     
    
  
 .browseProRightarea {
	margin-top: 20px;
}
        
.single_catarea {
	margin-bottom:0px;
    height: auto;
}   
    
.advertisementspace{
    margin-top:20px;
}    
   
.singtimeframonly,    
.singbudgetonly {
	border-right:none;
}    
    
.singlepbudtimearea {
	display: block;
}       
 .singletimeopen {
	text-align: left;
     margin:20px 0px;
}   
.spbidbutton {
	text-align: left;
}
 
.profilephotosize {
	width: 30px;
	height: 30px;
	position: relative;
	left: 0;
	/* padding-right: 10px; */
	top: 0px;
}       
.singleFreeSkills ul li a {
	margin-bottom: 5px;
}     
  
.bordertopareamobile {
	border-top: 1px solid #ddd;
	margin-top: 20px;
}  
    
.awaredeprotitle h2 {
	margin: 0px;
	font-size: 32px;
}    
.awardedProjleftside {
	margin-bottom: 30px;
}    
   
 .viewProposalarea {
	display: block;
}   
    
.viewproleftsidebare {
	display: block;
	width: 100%;
}    
.viewproleftsidebare a img {
	width: 40%;
	margin-bottom: 15px;
}    
    
 .viewprorightsidearea {
	width: 100%;
	text-align: left;
	border-left: none;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	margin-top: 30px;
}       
    
.singleMembershipbox{
    margin-bottom: 20px;
}    
    
.allmembershiptablesare {
	display: block;
	background: none;
}    
.singleMembership {
	margin-bottom: 20px;
}    
        
.singleProCat2 ul li {
	width: calc(100% * (1/2) - 10px - 1px);
	
}   
    
.singleFreelancerpro {

}    
    
.sfrcbutton a{
    padding: 6px 0px;
}    
    
    
.viewpromainavataer {
	margin-right: 15px;
	width: 80%;
}        
 .viewpropsaltitledesc {
	padding-right: 20px;
	width: 100%;
}  
    
.singleconleft a img {
	width: 30%;
	height: auto;
	float: none!important;
	margin-right:0px;
}    
         
.freelancerprsidebar {
	margin-top: 30px;
} 
    
.allcattitle h2 {
	font-size: 20px;
} 
    
.allcattitle p {
	font-size: 16px;
	color: #333;
	font-weight: 200;
	line-height: 24px;
}
    
.singleHowItWorks {
	margin-bottom: 20px;
}     
   
 .singleScroparea:first-child {
	width: 260px;
}
       
.downarrowvideo img {
	width: 8%;
}
    
.videoareatwo iframe {
	width: 570px;
	height: 415px;
}  
   
   
    
.singlecarlist,    
.contactform {
	margin-bottom: 40px;
}   
    
.singlecontactus {
	border-right: none;
	margin-bottom: 30px;
}    
   
.aboutusinner p{
    color: #fff;
}    
  
    
.contactomjbutoon a {
	display: block;
	font-size: 16px;
	margin: 10px 20px;
	padding: 12px 20px;
}    
 .singleBloginDetails a h2 {
	font-size: 25px;
}    
       
.blogsidebar {
    margin-left: 0px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}       
    
.sitemapsingel ul li {
flex-basis:50%;

}    

    
.allcatsarea {
	display: block;
} 
.singleCatsareaf {
	flex-basis: 100%;
	margin-bottom: 25px;
}   
 
    
.scaareaficon {
	margin-right: 10px;
	margin-bottom: 10px;
}    
 
.searchboxfbyskill input {
	width: 100%;
}    
  
.lpbdusermainbg{
    background-size: cover;
}    
    
.lpbduesrleftside p {
	color: #fff;
	width: 60%;
} 
 
    
.singlestatbdlp span {
	font-size: 24px;
}    
    
    
     
    
.registerlpbdtwo form {
	display: flex;
	justify-content: space-between;
	flex-basis: auto;
	flex-wrap: wrap;
}
    
.registerlpbdtwo form input {

	margin-top:10px;
	 width: auto; 
	flex: 1;
}    
  
.registerlpbdtwo form input:nth-child(2){
    margin-right: 0px;
} 
    
.bdlptwovideoright {
	margin-top: 30px;
}    
  
    
.arrowlpbdone img {
	vertical-align: baseline;
	position: absolute;
	bottom: -62px;
	left: initial;
	right: 30%;
}      
  
    
.singlestatbdlp p {
	font-size: 16px;
}    
  
.reghelpsidebar {
	margin-bottom: 20px;
}    
    
    
.hiretabfinriimage {
	margin:20px auto 30px;
	display: block;
}    
    
#aboutomjfaq, #abouthiromj, #aboutfreeomj, #hireffindtabid, #hiregethiretabid, #hirefworktabid, #hiregetpaymenttabid, #hireworktabid, #hirepaymenttabid, #hirehiretabid {
	padding-top: 0;
}    
    
    
    
.lpthreebdwtget p{
    width: 100%;
}    
    
    
.single_emlilsarea {
	flex-basis: 30%;
}    
    
.employersection {
	margin-top: 20px;
}    
    
    
.maincollapsearea ul li.notificationlistmain .messagenotification, .maincollapsearea ul li.notificationlistmain .notificationDetails {
	left: 0;
}      
        
    
    
.awardedorcrestDescri p {
	margin-bottom: 0px;
}    
    
.placebidarea h6 {
	margin: 0px 0px 10px;
	color: #847373;
}    
    
    
.nameUsername {
	display: block;
}    
    


.margintopmobile{
    margin-top:30px;
}   
    
.freelancernewpropic {
	margin-top: 0px;
	text-align: center;
}
    
    
.paddinglessfrright {
	padding-right: 15px;
}    
    
    
 .freelancerhireme {
	padding: 10px;
}    
    
.freejobsratings ul li {
	font-size: 12px;
}    
 
.freejobsratings ul li span {
	font-size: 16px;
}   
    
.singleSkillTest {
	margin-bottom: 30px;
}    
       
.a2a_default_style a {
	display: inline-block;
	margin-bottom: 10px;
}    
        
 .lpcomfiveinnerarea h1 {
	font-size: 26px;
}    
    
 .lpcomfiveinnerarea h2 {
	line-height: 24px;
	width: 100%;
}      
  
.countdowntimer h2 span{
    padding-top:30px;        
}    


.lpcomfiveinnerarea a img {
	width: 35%;
}    

.referbyemail form {
	display: block;
	width: 100%;
}        
 
.invitegcontact {
	margin-bottom: 15px;
    margin-right:0px;
}    
 
.referbyemail input {
	width: 80%;
	border-radius: 3px;
	margin: 15px 0px;
}    
    
.referbyemail button {
	width: auto;
	border-radius: 3px;
} 
    
.single_browfilter {
	margin-bottom: 0px;
}     
   
 .referbyemail button {
	padding: 10px 10px;
	font-size: 13px;
}    
   
.referbyemail form span {
	display: block;
}    
    
.newreferealpagearea {
	padding: 60px 0px 130px;
}  
    
  
.referralcopylinksocial {
	display: block;
	padding-top: 0px;
	margin-top: 50px;
}    
    
 

.referralnewpageparent {
	display: block;
}    
    
.referralinfoinner {
	width: 100%;
}    
    
.referalEarningsrp {
	width: 100%;
}    
.referalEarningsrp .referelincome {
	margin-top: 0%;
}      
    
    
.awardedprallinfo {
	padding: 20px 10px;
} 
    
    
.awardedsiinfo a {
	font-size: 24px;
}    
   
.revenuearea .awardedsiinfo {
    padding: 20px 3px;
}      
 
.mainDropDownlist .dropdown-menu{
    width:45%;
}        

.singleProCat h4 {
	font-size: 22px;
}
    
 
.singleCompletedpro span {
	display: block;
	text-align: left;
	float: none;
	font-weight: 700;
	margin-top: 10px;
} 
.singbudgetonly ul{
    display: block;
}   
    
 .singbudgetonly ul li {
	width: 100%;
	line-height: 50px;
	margin: 0px auto 15px;
}   
  
.postajobsiproboth {
	width: 100%;
}       
   
.sharingsuccessmessage {
	margin-bottom: 30px;
}    
    
    
    
.conversationmainarea {
	margin-bottom: 15px;
}    
  
.ordercanbutparent {
	text-align: right;
	margin-top: 10px;
}    
    
.sliderleftisidefivelp p{
    color: #fff!important;
}   

.singleRjpostareatwo {
	padding-left: 10px;
}







 
/*
=================================
        LANDING PAGE CSS
=================================    
*/    
    
.singleproject {
	height: auto;
	margin-bottom: 20px;
}    
.lpbannerrighttdetails h1 {
	color: #fff;
	line-height: 24px;
	font-size: 20px;
}    
    
 .kindofworkleftside {
	padding-top: 10px;
	margin-bottom: 40px;
}
    
.singlekindsofwork{
    margin-bottom: 40px;
    height: auto;
}        
    
 .kindofworkleftside {
	padding-top: 10px;
	margin-bottom: 40px;
}
    
.singlekindsofwork{
    margin-bottom: 40px;
    height: auto;
}       
 
.singlegetproject,    
.singleprojectcrowd{
    margin-bottom: 15px;
}    
        
.carousel-caption {
	top: 0%;
}    
.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
}     
    
 .additionalhelp ul li a {
    margin:0px 0px 10px;
}       
 
.thirdlandigpform {
	margin-top: 30px;
} 
    
.lpbannerfourleftside h1 {
	font-size: 24px;
}    
 
.lpfourgetbutton {
	font-size: 22px;
}     
    
.lpbannerfourleftside {
	margin-bottom: 50px;
} 
 
.visitorcounterlist ul li {
	font-size: 14px;
    margin-bottom: 10px;
}    
   
.lpfourgetbuttontwo {
	width: 60%;
}    
    
.howdoesworktitle {
	margin: 30px 0 30px;
}      

.lpfourgetbutton{
    width: 100%;
}    
    
.howdoesworktitle h1 {
	font-size: 24px;
}  
 
.howdoesworktitletwo h2 {
	font-size: 22px;
}    

.howdoesworktitle p {
	font-size: 16px;
}    
    
.lpcomheaderfour .maincollapseareatwo ul li {
	margin-right: 0px;
	margin-bottom: 5px;
	display: block;
}    
    
.lpcomheaderfour .maincollapseareatwo ul li a {
	display: inline-block;
}  
    
.videoPoster {
	background-size: cover;
}   
    
 .lpbduserfivearea .carousel-item {
	padding: 20px 0px 20px 20px;
     background-size: cover;
}      
         
     
.buyerpaymentoptio ul li a {
	padding: 10px 10px;
}    
.buyerpaymentoptio{
    margin-bottom: 30px;
}    
    
 .lpfivebanervideo {
	padding-top: 0px;
	transform: scaleX(-1);
     margin-bottom: 20px;
}     
    
.landingpagesevenslide{
	padding: 20px;
}    

.landingpagesevenslide h2 {
	font-size: 30px!important;
}
.landingpagesevenslide p {
	font-size: 16px;
	color:#fff!important;
	font-weight: 500;
	line-height: 24px;
}



    
}





/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
 .headtopcatlistin ul li a {
	padding: 8px 10px;
}
    
.mainavbararea {
	padding:10px 10px 4px 20px !important;
	margin: 0px !important;
}    
  
.single_catarea8 a h6, .single_catarea7 a h6, .single_catarea6 a h6, .single_catarea5 a h6, .single_catarea4 a h6, .single_catarea3 a h6, .single_catarea2 a h6, .single_catarea a h6 {
	font-size: 12px;
}    
.filteringjob h4 {
	margin: 0px;
	font-size: 14px;
}
.filterinItems ul li {
	margin-right: 5px;
	padding: 15px 5px;
}    
.sortingtitle h4 {
	margin: 0px;
	font-size: 14px;
}    
  
.singleRproarea h3 {
	font-size: 16px;
}   
.maincollapsearea ul li a {
	padding: 10px 20px !important;
}      
.referbyemail input {
	width: 40%;
}    
.referelpaginner p {
	width: 60%;
}    
.referebysocialmei button {
	margin-right: 10px;
	margin-bottom: 10px;
} 

.socialmedisignin a {
	margin-bottom: 10px;
}
    
.browseProRightarea {
	margin-top: 20px;
}    
    
 .singbudgetonly ul li span {
	font-size: 16px;
	margin: 8px auto 0px;
}   
.singbudgetonly ul li {
	line-height: 28px;
	margin-right: 10px;
}    
 
.singletimeopen h4 {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 15px;
}   
.profilephotosize {
	width: 30px;
	height: 30px;
	position: relative;
	left: 0;
	/* padding-right: 10px; */
	top: 0px;
}  
    
 .awaredeprotitle h2 {
	margin: 0px;
	font-size: 32px;
}    
    
.mtableprice {
	font-size: 32px;
}    
   
.singleMembership {
	padding: 15px;
}    
    
 .headertopcatlist ul {
	text-align: left;
}   
.headertopcatlist ul li a {
	font-size: 12px;
	margin: 0px 1px;
}    
.singleHowItWorks {
	margin-bottom: 20px;
}  
    
.singleScroparea:first-child {
	width: 260px;
}
    
    
    
.blogsearchbox form input[type="submit"] {
	margin-top: 10px;
}    
    
    
.registerlpbdtwo form {
	display: flex;
	justify-content: space-between;
	flex-basis: auto;
	flex-wrap: wrap;
}
    
.registerlpbdtwo form input {

	margin-top:10px;
	 width: auto; 
	flex: 1;
}    
  
.registerlpbdtwo form input:nth-child(3){
    margin-right: 0px;
}    
     
 .lpbdusermainbg{
    background-size: cover;
}    
    
    
.maincollapsearea ul li.notificationlistmain .messagenotification, .maincollapsearea ul li.notificationlistmain .notificationDetails {
	left: 0;
}      
    
    
    
    
.othersplan {
	padding: 10px 7px;
	font-size: 13px;
}    
    
.awardedprallinfo {
	padding: 20px 10px;
} 
    
    
.awardedsiinfo a {
	font-size: 24px;
}    
   
.revenuearea .awardedsiinfo {
    padding: 20px 3px;
}    
   
.nameUsername {
	display: block;
}    

    
.freeproimpinfo ul li {
	margin: 0px 5px;
}    
 
.freeproimpinfo ul li a {
	font-size: 18px;
}   
.freelancerhireme {
	padding: 10px;
}    
    
.freejobsratings ul li {
	font-size: 12px;
}    
 
.freejobsratings ul li span {
	font-size: 16px;
}   
    
.singleSkillTest {
	margin-bottom: 30px;
}    
    
 .a2a_default_style a {
	display: inline-block;
	margin-bottom: 10px;
}    
    
.lpcomfiveinnerarea h1 {
	font-size: 36px;
}    
    
 .lpcomfiveinnerarea h2 {
	line-height: 24px;
	width: 100%;
}      
  
.countdowntimer h2 span{
    padding-top:30px;        
}    
.aboutuslpfivemore {
	
}
    
    
.lpbannerfourleftside h1 {
	font-size: 36px;
}    
 
.lpfourgetbutton {
	font-size: 22px;
}     
    
.lpbannerfourleftside {
	margin-bottom: 50px;
} 
 
.visitorcounterlist ul li {
	font-size: 14px;
}    
   
.lpfourgetbuttontwo {
	width: 40%;
}    
    
.howdoesworktitle {
	margin: 50px 0 50px;
}    
    
    
.referbyemail button {
	padding: 10px 10px;
	font-size: 13px;
}    
    
.newreferealpagearea {
	padding: 60px 0px 130px;
}  
    
  
.referralcopylinksocial {
	display: block;
	padding-top: 0px;
	margin-top: 50px;
} 
    
    
    
.referbyemail input {
	width: 30%;
}    
        
  
.mainDropDownlist .dropdown-menu{
    width:45%;
}  
    
    
.buyerpaymentoptio ul li a {
	padding: 10px 10px;
}    
    
 
.singleRjpostareatwo {
	padding-left: 10px;
}
   
    
    
/*
=======================================
          LANDING PAGE CSS 
=======================================    
*/    
    
.singleproject {
	height: auto;
	margin-bottom: 20px;
}    
    
.howrecruittext h2 {
	font-size: 32px;
}    
        
 .singlegetproject,    
.singleprojectcrowd{
    margin-bottom: 15px;
}    
 
.carousel-caption {
	top: 5%;
}    
.carousel-caption h2 {
	color: #fff;
	font-size: 28px;
}    
  
 .additionalhelp ul li a {
    margin:0px 0px 10px;
}      
    
.lpcomheaderfour .maincollapseareatwo ul li {
	margin-right: 0px;
	margin-bottom: 5px;
	display: block;
}    
    
.lpcomheaderfour .maincollapseareatwo ul li a {
	display: inline-block;
} 
    
.lpcomfiveinnerarea a img {
	width: 35%;
}    
    
.videoPoster {
	background-size: cover;
}    
   
.lpbduserfivearea .carousel-item {
	padding: 40px 0px 40px 40px;
}   .lpbduserfivearea .carousel-item {
	padding: 40px 0px 40px 40px;
}       
    
    
}




/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px)  {
 .headtopcatlistin ul li a {
	padding: 10px 10px;
}
    
.filterinItems ul li {
	margin-right: 10px;
}  
 .socialmedisignin a {
	margin-bottom: 10px;
}
    
.referebysocialmei button {
	padding: 10px 15px;
	margin-right: 5px;
}    
    
.singleFreeSkills ul li a {
	margin-bottom: 5px;
}   
    
.sfrcbutton {

	justify-content: center;
    align-self: flex-end;
}    
   
  
.testtablesfree table tr th,
.testtablesfree table tr td {
	font-size: 14px;
}    
    
.testtablesfree table tr td span {
	padding: 4px 5px;
	font-weight: 300;
	margin-left: 5px;
}
    
   
.a2a_default_style a {
	display: inline-block;
	margin-bottom: 10px;
}    
  
    
.lpbannerfourleftside h1 {
	font-size: 36px;
}    
 
.lpfourgetbutton {
	font-size: 22px;
}    
    
.freelancerPortfolioarea a img {
	width: 140px;
	height: 120px;
}    
    
/*
===================================
        LANDING PAGE CSS 
===================================    
*/    
.howrecruittext h2 {
	font-size: 32px;
}    
    
 .carousel-caption {
	top: 15%;
}     
    
    
}









/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.arrowbdlpthree {
	left: -15%;
}
    
    
.freelancerPortfolioarea{
    text-align: left;
}    
    
    
    
}