/*************************************
THIS FILE CONTAINS WEBSITE GRID SYSTEM
*************************************/

.section.boxed {
	width: 1000px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.zone {
	width: 1000px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.container-1,
.container-2,
.container-3,
.container-4,
.container-5,
.container-6,
.container-7,
.container-8,
.container-9,
.container-10,
.container-11,
.container-12,
.container-13,
.container-14,
.container-15,
.container-16,
.container-17,
.container-18,
.container-19,
.container-20,
.container-21,
.container-22,
.container-23,
.container-24 {
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.container-1 {
	width: 0.166666666%;
}

.container-2 {
	width: 4.333333333%;
}

.container-3 {
	width: 8.5%;
}

.container-4 {
	width: 12.66666667%;
}

.container-5 {
	width: 16.83333333%;
}

.container-6 {
	width: 21%;
}

.container-7 {
	width: 25.16666667%;
}

.container-8 {
	width: 29.33333333%;
}

.container-9 {
	width: 33.5%;
}

.container-10 {
	width: 37.66666667%;
}

.container-11 {
	width: 41.83333333%;
}

.container-12 {
	width: 46%;
}

.container-13 {
	width: 50.16666667%;
}

.container-14 {
	width: 54.33333333%;
}

.container-15 {
	width: 58.5%;
}

.container-16 {
	width: 62.66666667%;
}

.container-17 {
	width: 66.83333333%;
}

.container-18 {
	width: 71%;
}

.container-19 {
	width: 75.16666667%;
}

.container-20 {
	width: 79.33333333%;
}

.container-21 {
	width: 83.5%;
}

.container-22 {
	width: 87.66666667%;
}

.container-23 {
	width: 91.83333333%;
}

.container-24 {
	width: 96%;
}

@media all and (max-width: 999px) {

	.section.boxed {
		width: 768px;
	}

	.zone {
		width: 768px;
	}
	.portfolio-listing-small .portfolio-image.gallery .image-wrapper {
		height:89px;		
	}
	.portfolio-listing-small .portfolio-image.gallery.main-gallery .image-wrapper {
		height:142px;
	}
	.portfolio-listing-small .portfolio-title {
		min-height:50px;
	}
	.MapPopUp.Active {
		overflow: scroll;
	}
	.MapPopUp .Message .PopUpContent .MapRoad {
		width:100%;
	}

}

@media all and (max-width: 767px) {

	.section.boxed {
		width: 100%;
	}

	.zone {
		width: 100%;
	}

	.container-1,
	.container-2,
	.container-3,
	.container-4,
	.container-5,
	.container-6,
	.container-7,
	.container-8,
	.container-9,
	.container-10,
	.container-11,
	.container-12,
	.container-13,
	.container-14,
	.container-15,
	.container-16,
	.container-17,
	.container-18,
	.container-19,
	.container-20,
	.container-21,
	.container-22,
	.container-23,
	.container-24 {
		width: 96%;
	}
	
	/*** Custom ***/
	.single-company .company-photos .container-6 {
	width:21%;
	}	
	.single-company .container-4.worker-wrapper {
		width:16%;
	}
	.portfolio-listing-small .portfolio-image.gallery .image-wrapper, .portfolio-listing-small .portfolio-image.gallery.main-gallery .image-wrapper {
		height:auto;		
	}
	.portfolio-listing-small .portfolio-title {
		min-height:0px;
	}	
	.MapPopUp .Message .PopUpContent .MapRoad {
		width:100%;
	}
	.MapPopUp .Message .PopUpContent .MapRoute {
		width:100%;
	}	
	.main-menu .menu-hidden-element {
		display: block;
	}
	#mm0 option:nth-child(8) {
		display: none;
	}
	.header-top-left {		
		width:50%;
	}
	.header-top-right {
		float:right;
		width:40%;		
	}
	.social-links.header {
		float:right;
	}
	.login,.register {
		float:left;
	}
}

/*** Custom ***/

@media screen and (max-width: 480px)
{
	.single-company .company-photos .container-6 {
		width:46%;
	}
	.single-company .container-4.worker-wrapper {
		width:29%;
	}
	.text-column.column-half.regions:nth-child(odd),.text-column.column-half.regions:nth-child(even){
		width:96%;
		padding:0px 2%;
		border-bottom:1px solid #4d4d4d;
		padding-bottom:5px;
	}	
	.header-top-left {
		width:80%;
	}
	.header-top-right {
		display: none;
	}
}