/* CSS Document */
@-ms-viewport {width:device-width;}
@viewport{width:device-width;}
@media only screen and (max-width: 700px){
.top {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.welcome {
	display: none;
}
.s_contact {
	float: none;
	text-align: center;
}
.s_contact li.mapi {
	display: none;
}
.s_contact li {
	float: none;
	display: inline-block;
}
.s_contact li a, .s_contact li span {
	border: none;
}
#header {
	height: auto;
	text-align: center;
}
.header {
	width: 100%;
	padding: 0px 10px;
}
.searchbox {
	display: none;
}
.social {
	display: none;
}
.logo {
	margin: 0;
	text-align: center;
	float: none;
	position:relative;
}
.navi {
	width: 100%;
	position:relative;
	overflow:hidden;
	padding: 0px 10px;
}
.icon_menu_open {
	display: block !important;
	border: 1px solid #052498;
	background: #fff;
	width: 30px;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	height: 30px;
	margin:17px auto;
}
.icon_menu_open.active{
	border:1px solid #052498;
	background:#052498;
	color:#fff;
}
.icon_menu_open:before {
	content: "\f0c9";
	font-family: FontAwesome;
}
.contact_link {
	display: none;
}
#navi,#navi_fix {
	height: auto;
}
.nav {
	float: none;
	width: 100%;
	display:none;
	text-align: center;
	height: auto;
	margin: 0;
	text-align: center;
}
.nav li {
	float: none;
	display:block;
}
.nav li a {
	line-height: normal;
	padding: 10px;
	border-bottom: 1px solid #e9da01;
}
.nav .sub ul li a{
	text-align:center;
}
.sub {
	position: static;
	box-shadow: none;
	width: 100%;
	display: none;
}
.nav li:hover .sub{
	text-align:center;
	display:block;
}
.nav li:hover .sub ul li a{
	text-align:center;
}
#slideshow {
	height: 350px;
}
.slider_cont h2 {
	font-size: 20px;
	padding:5px;
}
.next,.prev{
	width:20px;
	height:20px;
	line-height:20px;
	font-size:13px;
}
.slider_cont_all {
	padding: 0px 30px;
}
#data {
	width: 100%;
	display: block;
	text-align: center;
}
.data_loop {
	display: block;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #777;
}
.data_loop span:before{
	font-size:25px;
}
.data_loop h2{
	font-size:18px;
}
.aboutus {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.aboutus_right {
	width: 100%;
	float: none;
	text-align:center;
	display: block;
	margin-bottom: 15px;
	padding: 0;
}
.aboutus_right img {
	height: auto;
	width: auto;
}
.aboutus_left {
	float: none;
	width: 100%;
	text-align: center;
}
.aboutus_left h2:after{
	display:none;
}
.aboutus_left h2 {
	font-size: 20px;
}
.contlist {
	width: 100%;
	padding: 40px 10px;
	text-align: center;
}
.contlist a {
	float: none;
	display: inline-block;
	margin-bottom: 15px;
}
.contlist p {
	margin: 0px;
}
.footer {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.foot {
	float: none;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}
.bottom {
	float: none;
	width: 100%;
	padding: 10px 10px;
	text-align: center;
}
.copyrights {
	float: none;
	text-align: center;
}
.design {
	float: none;
}
.wraps_is {
	width: 100%;
	padding:20px 10px;
}
.foot h2:after{
	float:none;
	margin:0 auto;
}
.precemp {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.postin_img {
	float: none;
	width: 100%;
	margin-left:0;
	height: auto;
	max-width:100%;
	text-align: center;
}
.postmeta_cats {
	float: none;
	text-align: center;
	font-size:12px;
}
.post_tags {
	text-align: center;
}
.title_page_same {
	text-align: center;
	font-size: 20px;
}
.postin_txt {
	text-align: center;
}
.postmeta_dets {
	float: none;
	text-align: center;
	margin-top: 10px;
	font-size:12px;
}
#map_contact {
	display: block;
	width: 100%;
}
.map_contact_right {
	display: block;
	width: 100%;
	height: 250px;
}
.map_contact_left {
	display: block;
	width: 100%;
}
.news {
	width: 100%;
	padding: 0px 10px;
}
.news_loop {
	float: none;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-bottom: 20px;
	border-bottom:1px solid #eee;
}
.news_img {
	height: auto;
	width: auto;
	text-align: center;
}
.news_txt p {
	height: auto;
}
.customers {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.cust_loop {
	float: none;
	width: auto;
	height: auto;
	text-align: center;
	clear: both;
}
.cust_all {
	width: auto;
	height: auto;
}
.projects li {
	height: auto;
	width:auto;
	clear:both;
	float:none;
	display:block;
	text-align:center;
	padding: 10px;
}
.projects li img {
	width: auto;
	display:inline-block;
	height: auto;
}
}