/* 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;
}
.top .social {
	display: none;
}
.s_contact {
	float: none;
	width: 100%;
}
.s_contact li {
	float: none;
	display: inline-block;
}
.s_contact li a {
	font-size: 10px;
	padding: 0px 4px;
}
#header {
	height: auto;
}
.header {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.logo {
	float: none;
	text-align: center;
	position:relative;
}
.logo img {
	float: none;
}
.logo b {
	display: inline-block;
}
.nav{
	display:none;
	float:none;
	width:auto;
	height:auto;
}
.icon_menu_open {
	display: block !important;
	border: 1px solid #fff;
	color:#fff;
	position: absolute;
	width: 30px;
	text-align:center;
	cursor:pointer;
	line-height:30px;
	height: 30px;
	left: 10px;
	top: 20px;
}
.icon_menu_open.active{
	border:1px solid #7aa93c;
	background:#7aa93c;
	color:#fff;
}
.icon_menu_open:before {
	content: "\f0c9";
	font-family: FontAwesome;
}

.nav li {
	float: none;
	padding: 0px;
}
.nav .sub ul li a{
	text-align:center;
}
#header .nav li a {
	color: #fff;
	border-bottom: 1px solid #90ba92;
	padding: 10px;
	float: none;
	min-height: auto;
	height: auto;
	line-height: normal;
}
.nav li:after{
	margin-top:0;
}
.sub {
	position: static;
	box-shadow: none;
	width: 100%;
	display: none;
}
.nav li:hover .sub{
	display:block;
}
#slideshow {
	height: 500px;
}
.next, .prev {
	top: 250px;
}
.slider_cont h2 {
	font-size: 20px;
	padding: 10px;
}
.slider_cont p {
	padding: 10px;
	font-size: 15px;
}
.data {
	width: 100%;
}
.data_loop {
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 10px;
}
.aboutus {
	padding: 20px 10px;
	text-align: center;
	width: 100%;
}
.aboutus h2 {
	font-size: 20px;
}
.aboutus h2:before {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	margin-left: 5px;
}
.services {
	width: 100%;
	padding: 0px 10px;
}
.service_title {
	padding: 10px;
}
.service_title span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.service_title h2 {
	float: none;
	display: inline-block;
	font-size: 17px;
}
.service_title a {
	font-size: 11px;
}
.serv_loop:last-child{
	border-bottom:none;
}
.serv_loop {
	float: none;
	width: 100%;
	text-align:center;
	border-bottom:1px solid #eee;
	padding: 10px;
}
.serv_img {
	height: auto;
	text-align: center;
}
.serv_img a img {
	width: auto;
	height: auto;
	display: inline-block;
}
.serv_img a:hover img{
	transform:scale(1);
}
.serv_img a:hover span{
	display:none;
}
.serv_title a {
	overflow: visible;
	text-overflow: unset;
	font-size:17px;
	white-space: normal;
}
.serv_txt {
	height: auto;
}
.serv_cats a {
	font-size: 12px;
}
.media_left {
	display: none;
}
.media_right {
	padding: 30px 20px;
	text-align: center;
}
.media_right h2:after{
	margin-left:auto;
	margin-right:auto;
	float:none;
	margin-top:15px;
	position:static;
}
.media_right h2 {
	font-size: 20px;
}
.media_right span {
	font-size: 13px;
}
.media_right p {
	font-size: 11px;
}
.news_title_h2 h2 {
	font-size: 20px;
}
.news_title_h2 h1 {
	font-size: 15px;
}
.news {
	width: 100%;
	padding: 0px 10px;
}
.news_loop {
	width: 100%;
	float: none;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.news_loop:last-child{
	border-bottom:none;
}
.news_loop img {
	width: auto;
	height: auto;
}
.news_loop b {
	font-size: 12px;
}
.news_title a {
	font-size: 17px;
	overflow: visible;
	text-overflow: unset;
	white-space: normal;
}
.news_loop p {
	height: auto;
}
.projects_top {
	width: 100%;
	padding: 0px 10px;
}
.projects li {
	float: none;
	width: auto;
	max-width:100%;
	height: auto;
	max-width:100%;
}
.projects li a.proj_link, .projects li a.proj_img{
	top:50%;
	width:35px;
	height:35px;
	line-height:35px;
	font-size:13px;
}
.footer {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.foot {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 10px;
}
.foot:last-child,.foot:nth-child(3){
	border-bottom:none;
}
.bottom {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
}
.copyright {
	padding: 10px;
	display: block;
	float: none;
}
.design {
	float: none;
	width: 100%;
	padding: 10px;
}
.social li {
	float: none;
	display: inline-block;
}
.bottom .social {
	padding: 10px;
	float: none;
}
.page_title {
	width: 100%;
	padding: 180px 10px 50px 10px;
	min-height: 400px;
}
.precemp li a, .precemp li span {
	font-size: 10px;
	padding: 0px 4px;
}
.precemp {
	padding: 0px 10px;
}
#wraps_is {
	width: 100%;
	padding: 20px 10px;
}
.post_meta {
	text-align: center;
}
.post_meta div {
	float: none;
	display: inline-block;
}
.postin_img {
	float: none;
	width: 100%;
	margin-left:0;
	height: auto;
	max-width:100%;
	text-align: center;
}
.page_title h2 {
	font-size: 20px;
}
.page_title p {
	font-size: 11px;
}
.contact_right {
	float: none;
	width: 100%;
	display: block;
	text-align: center;
}
.contact_left {
	display: block;
	width: 100%;
}
.contact_right ul li {
	font-size: 15px;
}
}