		.img-container{display:block;}
		.img-container img{width: 100%;height: auto; display:block;max-width:100%}
		.x-4-col, .x-3-col,.x-5-col {
			float:left;
			display: inline-block;
		}
		.x-3-col{
			width: 32%;
			&:nth-child(3n){
				padding-left: 2%;
			}
			&:nth-child(3n+1),
			&:first-child{
				padding-right: 2%;
			}
		}
		.x-4-col{
			 width:25%; 
			/*width: 20%;
				padding-right: 5%;
			*/
		}
		.x-5-col{
			/* width: 16%; padding-right: 4%;*/
			width: 20%;
		}
		@media (max-width: 750px) {
        .fieldsSubHolder{text-align:center;float:none;margin:0 auto;clear:both;}
			.x-4-col,.x-3-col, .x-5-col {
				width: 100%!important;
				display: block;
				float: none;
				padding:0;
				text-align: center;
			}
			.x-5-col:last-child {
				width: 100%;
			}	
		}
.resp-drop-btn{
	display:none;
}
.r-img-container{
	display: block;
}
.r-img-container img{
	width: 100%;
	height: auto;
}
.thumbControl .thumbImage{
	height: 105px;
	overflow: hidden;
	display: block;
	margin-bottom:0;
}
.thumbControl{
	border-bottom: 1px solid rgb(39,55,69);
}
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 280px) and (max-width: 1024px) {
	
}
@media all and (max-width: 480px) { }


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }
@media all and (min-width: 800px) {
	.resp-drop{display:block!important}
 }

/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}
@media all and (min-width: 180px) and (max-width: 600px) {
	.holderContent table,
	.holderContent td,
	.holderContent  img{
		width: 100%!important;
		display: block!important;
		height: auto!important;
	}
	
	.holderContent  a>img{
		width: auto!important;
	}
}
@media all and (min-width: 180px) and (max-width: 800px) {
/*    
.last_jobs span:nth-child(even) {
    margin-left: 0px;
}

.last_jobs {
    width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
    display:block;
}
.show_all_jobs_button {
    border: 1px solid;
    border-color: #CCCCCC;
}
*/

.button_message_index {
    margin-left: 0px;
}

.last_jobs > div {
    width: 100%; 
    border: 1px solid #ccc;
    margin-bottom: 20px;
}   
    
.button_container_two {
    width: 100%;
    float: left;
}

.responsive_display {
    width: 100%;
}

.button_message_new_resp {
 float: left !important;
}

.holderCategoriesSmall{
	width:100%;
}
		.sendMessageBTN{width:100%;float:none;text-align:center;}
.message.mymessage,
.message.reply{
	margin-left:0;
	margin-right:0;
	width: 100%;
}
.arr-cont{display:none}
/*
.block-g{display:block;text-align:center;margin:0 auto;}
.block-g:not(:first-child),
.second-line .block-g:last-child,
.first-line .block-g:last-child,
.block-g .info-img-link,
.second-line .info-img-link ,
.second-line .block-g,
.first-line .info-img-link {
    margin-bottom: 50px;
    width: 100%;
    margin-right: 0!important;
    margin-left: 0!important;
}
*/
.h-builder,
.block-g{display:none}
#innerHeader{padding-left:0;padding-right:0;}
#innerHeader h1 {font-size: 30px;}

#mobile_order {text-align: center}
#innerHeader,
		.col-30,
		.col-70,
		.col-50{/* for mobile break width and float */
			display:block;
			float:none;
			width:100%;
			margin-left:0!important;
			margin-right:0!important;
			text-align: center;
		}
		.blog-name{height: auto;}
		.r-separate{
			border-right: 0px none #CCC;
			margin-right: 0!important;
		}
		.holderCategoriesColumn  a{display: block;}
		.holderCategoriesColumn  a .holderCategoriesPic{display: block;float:none}
		.profilebox{height:auto;}
	.resp-drop-btn{
		display:block;
		position: relative;
		color: #FFF;
		text-align: center;
		z-index: 999;
		margin-bottom: 5px;
		padding: 15px;
		display: block;
		background: #48647C;
	}
	.indexForm,
	#formRequest,
	#logo,header, #header, #holderGuide,#headerSubLine,#search,#holderCategories,#holderHowItWorks,#holderBuilders,#footer,#registerHeader,#generalHeader,#headerUserLine,.fieldsHolderFull{
		position:relative;
		width: 100%;
		max-width: 100%;
		height: auto;
		padding-left:0;
		padding-right:0;
		float:none;
		overflow:hidden;
	}
	#headerLineWrap, #headerSubLineWrap {
		height: auto;
	}
	#headerSubLine ul li{float:none;text-align: center;display: block;max-width: 100%;}
	#headerSubLine a, #headerSubLine a:link, #headerSubLine a:hover, #headerSubLine a:visited{float:none;max-width:100%;margin-left:0;margin-right:0;padding-left:0;}
	.footerColumnContacts,
	.footerLogo,
	.registerHeaderDescription,
	.footerColumn,
	.holderContent,
	.holderContentLeft,
	.holderContentRight,
	.holderContentJobs,
	#headerLine,
	#headerUserLine,
	#footerDarkWrap,
	#footerDark,
	#indexHolderContent,
	#indexHolderLeft,
	#indexHolderRight,#holderBuildersRight,#holderBuildersLeft,
	#headerUserLine>* ,  #holderPartners,.loginHolderLeft
{
	display: block;
	float: none;
	height: auto;
	width: 96%;
	margin-right:0;
	margin-left:0;
	padding-right:2%;
	padding-left: 2%;
}
#headerUserLineWrap{
	display: none;
	float: none;
	height: auto;
	width: 96%;
	margin-right:0;
	margin-left:0;
	padding-right:2%;
	padding-left: 2%;
}
.loginHolderLeft form{max-width: 100%;width:100%!important}
.loginHolderLeft,
.loginHolderRight,
.holderContentRight,
.footerColumnContacts,
.footerColumn,#logo,
#headerUserLineWrap{
	text-align: center;
}
.loginHolderLeft{border-right:0px none;}
	.boxHowItWorksPic,
	.boxGuidePic,.holderCategoriesColumn,
	.fieldsHolderFull,
	.fieldsHolder,
	.checkboxHolder,
	.boxGuide ,.boxHowItWorks{
		display: block;
		float: none;
		text-align: center;
		width: 100%;
	}
	.boxHowItWorks:nth-child(n),
	.holderCategoriesColumn:nth-child(n),
	.boxGuide:nth-child(n){margin-left:0;margin-right:0;}
	#headerUserLineWrap.resp-drop,
	.resp-drop{
		display:none;
	}
	.resp-drop .dropdown{
		position:relative;
		top:0;
		min-width:100%;
	}
	#registerHeader{
		padding-top: 25px;
	}
	#search input,
	#search select{
		width: 100%!important;
	}
	.fieldsHolder,
	.fieldsHolderFull{margin-right:0;}
	.fieldsHolder textarea,
	.fieldsHolderFull textarea,
	.fieldsHolderFull input,
	.fieldsHolder input{padding-left:0!important;padding-right:0!important;width:100%;}
	body{width:100%;overflow-x:hidden}
	#indexHolderContent{
		padding-top: 0;
	}
	#search input[type="text"]{margin-left:0;}
}
@media all and (min-width: 180px) and (max-width: 624px) {
		
}
