img {

	max-width:100%;

}

.show-on-md {

	display:none;

}

@media only screen and (max-width: 1024px) {

	.lg-container .wrapper {

		padding:3% 3%;

	}

	.container .wrapper{

		padding-left:3%;

		padding-right:3%;

	}	

	.site-footer .wrapper {

		padding: 30px 3%;

	}

	.lg-full {

		width:100%;

		margin-left:0px;

		margin-right:0px;

	}

	.career_left {

		float: left;

		width: 49%;

	}

	.career_right {

		float: right;

		width: 49%;

	}

	.career_form .name {

		width: 90%;

	}

	.career_form .cv {

		width: 60%;

	}

	.career_form .browser {

		float: left;

		padding-left: 10px;

	}



}

@media only screen and (max-width: 799px) {

	#popup {

	    width: 97%;

		height:inherit;

		left:10px !important;

	}

	.container #sticky_navigation .wrapper {

		padding:0px 0px;

	}

	.menu-button-full {

		border-top: 5px solid #118010;

	}

	.inner_equpment {

		float: none;

		display: inline-block;

	}

	.production_tools_left {

		float: none;

		margin: auto;

		text-align: center;

	}

	.projection_tools_right {

		float: none;

		margin: auto;

		text-align: center;

		margin-top: 50px;

	}

	.inner_project {

		text-align:center;

	}

	#projects .project {

		float: none;

		display: inline-block;

		margin: 0px 9px 18px 9px;

	}

	.career_right p {

		width: 100%;

	}

	

}

@media only screen and (max-width: 768px) {

	.col {

		

	}

	.block-footer .global-more {

		width:100%;

	}

	.block-footer .global-social {

		float:none;

	}

	.hide-on-md {

		display:none;

	}

	.show-on-md {

		display:block;

	}

	.md-container {

		padding:5% 3%;

	}

	.md-full {

		width:100%;

		margin-left:0px;

		margin-right:0px;

	}

	.md-is-center {

		display:inline-block;

		margin-left:0px;

		margin-right:0px;

		float:none;

	}

	.md-pd {

		padding:10px;

	}

	.md-full-col .col, .md-full-col .pure-u {

		float:none;

		width:100%;

		margin:5px 0px;

	}

	.main-menu > ul li, .main-menu > ul  {

		width:100%;

		margin-left:0px;

		margin-right:0px;

		position:relative;

	}

	.main-menu > ul  {

		border:1px solid #fff;

		display:none;

		background: #118010;
		color:#fff;

	}

	.main-menu > ul li:hover  {

		color:#fff;
		background: #0e25a3;
	
	}

	.main-menu > ul li a {

		width:100%;

		margin-left:0px;

		margin-right:0px;
		color:#fff;

	}

   .collaps-menu > li > a:after, .main-menu > ul > li:hover > a:after {

	    content: '￬';

		display: block;

		position: absolute;

		right: 0px;

		left:inherit;

		width: 50px;

		height: 34px; 

		top:0px;

		line-height: 34px;

		margin-top:0px;

		background:none;

	}



   .collaps-menu li > a:only-child:after, .main-menu > ul > li:hover > a:only-child:after {content: ''; }

   

	.collaps-menu li ul li {

		border:none;

	}

	.footer-bot > .container > .left > ul {

		padding-right:0px;

	}

	.main-menu > ul > li > a {

		border:0px;

		border-bottom:1px solid #fff !important;

	}

	.main-menu > ul > li:hover > a, .main-menu > ul > li > a.active  {

		box-shadow:none;

		border-left:0px;

		border-right:0px;

		border-top:0px;

		color:#fff;

	}

	.main-menu li > ul {

		position:inherit;

		opacity:1;

		z-index:99;

		display:none;

		-webkit-transition:none;

		-moz-transition:none;

		-o-transition:none;

		transition:none;

		background:rgba(29, 197, 234, 0.2);

		border:none;

		border-bottom:1px solid #fff;

	}

	.main-menu > ul li li a {

		padding:5px 10px;

		display:block;

		color:#fff;

	}

	.footer-menu ul li {

		width:100%;

		float:none;

		margin:5px 0px;

	}

	/*#projects .project {

		width: 46%;

		float: left;

	}*/

	#home {

		/*height:inherit;*/

	}

	.tp-bullets {

		display:none;

	}

	

 

}

@media only screen and (max-width: 620px) {

	.careers {

		height:inherit;

	}

	.career_left {

		width:100%;

		float:none;

	}

	.career_right {

		float: none;

		width: 100%;

		margin-top: 40px;

	}

	.inner_equpment {

		float: none;

		display: inline-block;

	}

	.production_tools_left {

		float: none;

		margin:auto;
		max-width: 310px;
	}

	.projection_tools_right {

    	float: none;
		max-width: 310px;

	}

	.content h1 {

		text-align: center;

	}

	#contact .form .form-fields textarea {

		width:100%;

	}

	#contact .form .txtfield {

		width:100%;

	}

	.content h1 {

		line-height:75px;

	}

}

@media only screen and (max-width: 568px) {

	.one-half {

		width:100%;

	}

	.sm-full {

		width:100%;

		margin-left:0px;

		margin-right:0px;

	}

	#our-solutions .col .col-content {

		margin:0px;

		height:auto;

	}

	#our-solutions .col {

		border-right:none;

		border-bottom:1px solid #6d6d6d;

	}

	.is-sm-center {

		text-align:center;

	}

	.sm-no-br {

		border:none !important;

	}

	.main-menu li .menu-sep {

		width:100%;

	}

	.main-menu li .sub-menu > ul,.main-menu li .sub-menu > div {

		padding:10px 0px;

		border-bottom:1px dotted #ccc !important;

	}

}

@media only screen and (max-width: 480px) {

	.hide-on-sm {

		display:none;

	}

	.block-title {

		font-size:20px !important;

	}

	.form-label-left input[type="text"],.form-label-left  input[type="email"],.form-label-left  input[type="tel"], .form-label-left input[type="password"],.form-label-left  select,.form-label-left  textarea, .form-label-left label {

		width:100%;

		text-align:left;

	}

	.career_left {

		width: 100%;

		float: none;

		padding-right: 0px;

	}

	.career_form .name {

		width: 100%;

	}

	.content {

		padding: 30px 0px 35px 0px;

	}

	.content h1 {

		font-size: 40px;

		line-height: 46px;

	}

	.about-right-link a {

		font-size: 16px;

	}

	.about-right-link i {

		margin-right: 10px;

		font-size: 21px;

	}

	#about-profile-link i {

		margin-left: 4px;

		margin-right:0px;

	}

	#art-of-construction h1 {

    	font-size: 40px;

	}

	.creat_heart h1 {

		font-size: 40px;

		padding: 50px 0px;

	}

	#about-copri .inner {

		padding:0px;

	}

	.paragraph p {

		margin-top:10px;

	}

	.inner_equpment {

		margin-left:8px;

		margin-right:8px;

	}

	.creat_heart {

		min-height:inherit;

	}
    .fileUpload {
		width:40%;
	}
	.career_form .browser {

		width:100%;
		padding:0px 10px;

	}

	.career_button a {

		margin-left:9px;

		margin-right:9px;

	}

	.button_right {

		margin-right:0px;

	}

}

@media only screen and (max-width: 330px) {

	.button_right {

		margin-right:30px;

	}

	.button_left {

		margin-left:30px;

	}

	#popup {

		left: 5px !important;

	}

}