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

	/* ------------------------- the form ------------------------ */
	
	#middlebar {
		width: 100% !important;
		float: left !important;
	}
	#sidebar {
		width: 19% !important;
	}
	#sidebar > ul > li > a > span {
		display: none;
	}
	#sidebar > ul > li.has-sub > a::after {
		content: "";
	}
	#sidebar > ul > li i{
		font-size: 2.5em !important;
	}
	#sidebar #logoWrap img {
		display: block;
	}
	#sidebar #logoWrap .comp_name {
		display: none;
	}
	div.workplace div.theForm div.record:nth-child(even) {
		background: none;
	}
	.workplace div.theForm div.record .column {
		width: 100% !important;
	}
	.workplace div.theForm div.record .leftPrt {
		width:100% !important;
		margin:1.4% 0 0;
		font-size:0.85em;
		float: left;
	}
	.workplace div.theForm div.record .rghtPrt {
		width:100% !important;
		float: left;
	}
	div.workplace input.inputText,
	div.workplace select,
	div.workplace textarea {
		float: left;
		width: 100% !important;
	}
	.service-block {
		width: 90% !important;
	}
}