/* CSS Document */
@-ms-viewport {width:device-width;}
@viewport{width:device-width;}
@media only screen and (max-width: 700px){
.top {
	width: 100%;
	padding: 0px 10px;
}
.welcome,.social {
	display: none;
}
.lang {
	float: none;
	text-align: center;
}
.lang li{
	float:none;
}
#header {
	height: auto;
	text-align: center;
}
.header {
	width: 100%;
	padding: 0px 10px;
}
.head_text {
	display: none;
}
.logo {
	margin: 0;
	text-align: center;
	float: none;
	position:relative;
}
.icon_menu_open {
	display: block !important;
	border: 1px solid #eee;
	background: #fff;
	position: absolute;
	width: 30px;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	height: 30px;
	left: 10px;
	top: 100px;
}
.icon_menu_open.active{
	border:1px solid #4e77b9;
	background:#4e77b9;
	color:#fff;
}
.icon_menu_open:before {
	content: "\f0c9";
	font-family: FontAwesome;
}
#nav {
	height: auto;
	display:none;
}
.nav_bar {
	display: none;
}
.nav_left {
	width: 100%;
	height: auto;
	text-align: center;
}
.nav li {
	display: block;
	float: none;
}
.nav:before{
	display:none;
}
.nav {
	width:100%;
	margin: 0;
	float: none;
	padding: 0;
}
.nav li a {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	line-height: normal;
	padding: 10px;
}
.nav .sub ul li a{
	text-align:center;
}
.sub {
	position: static;
	box-shadow: none;
	width: 100%;
	display: none;
}
.nav li:hover .sub{
	display:block;
}
#slideshow {
	height: 350px;
}
.slider_cont h2 {
	font-size: 20px;
	padding:5px;
}
.slider_cont p {
	font-size: 13px;
	padding:5px;
}
#services {
	padding-top: 20px;
}
.services {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.service_title h2 {
	float: none;
	font-size:22px;
}
.service_title h2:after{
	margin-left:auto;
	margin-right:auto;
}
.serv_loop:last-child{
	border-bottom:none;
}
.serv_loop {
	width: 100%;
	float: none;
	border-bottom:1px solid #eee;
	padding: 20px 0px;
}
.serv_img {
	height: auto;
	text-align: center;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
.serv_img a span:before {
	position: absolute;
	font-size:20px;
	width: 100%;
	padding-top: 0px;
	top: 50%;
	margin-top: -15px;
}
.serv_txt {
	height: auto;
}
.serv_img a i{
	display:none;
}
.serv_more {
	text-align: center;
}
.serv_more a {
	display: inline-block;
	float: none;
	padding: 5px 10px;
}
.aboutus_left {
	display: none;
}
.aboutus_right {
	display: block;
	width: 100%;
	padding: 50px 20px;
}
.aboutus_right h2:before,.aboutus_right h2:after{
	display:none;
}
.news {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.wraps_is {
	width: 100%;
	padding:20px 10px;
}
.news_all{
	text-align:center;
}
.news_img {
	height: auto;
	text-align:center;
}
.news_loop img {
	height: auto;
	width: auto;
}
.news_loop:last-child{
	border-bottom:none;
}
.news_loop {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.news_loop a {
	height: auto;
	width: 100%;
	text-align: center;
}
.news_loop p {
	height: auto;
}
.news_loop img {
	height: auto;
}
.news_loop a span:before {
	position: absolute;
	padding-top: 0px;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 20px;
}
.news_txt {
	background: none;
	border: none;
	box-shadow: none;
	padding: 20px 10px;
}
.customers {
	width: 100%;
	padding: 0px 10px;
}
.cust_loop {
	float: none;
	width: 100%;
	text-align: center;
}
.cust_all {
	height: auto;
	text-align:center;
	width: auto;
}
.data {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.data_loop {
	float: none;
	width: 100%;
	text-align: center;
}
.data_icon {
	float: none;
	margin: 0;
	padding: 0;
}
.data_txt {
	margin: 0;
}
#footer {
	padding: 30px 0px;
}
.footer {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.foot {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.foot p {
	text-align: center;
}
.foot_bottom {
	display: none;
}
.foot h2 span {
	background: none;
}
.foot h2 span:after {
	display:none;
}
.bottom {
	width: 100%;
	padding: 20px 10px;
	text-align: center;
}
.copyrights {
	line-height:normal;
	float: none;
	height:auto;
}
.design:after{
	display:none;
}
.design {
	line-height: normal;
	float: none;
	background: none;
	width: 100%;
	height: 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;
}
.serv_txt p {
	height: auto;
}
#map_contact {
	display: block;
	width: 100%;
}
.map_contact_right {
	display: block;
	width: 100%;
	height: 250px;
}
.map_contact_left {
	display: block;
	width: 100%;
}
}