/* CSS Document */
@-ms-viewport {width:device-width;}
@viewport{width:device-width;}
@media only screen and (max-width:900px){
#bottom {
	text-align: center;
}
.copyrights, .design {
	float: none;
}
.foot_pay img {
	width: 30px;
}
.foot_pay {
	height: 30px;
}
.services {
	margin: 0;
}
.services li {
	width: 100%;
}
.serv_all {
	height: 350px !important;
}
#slideshow .width {
	height: 175px;
	margin: 0px 15px;
	width: auto;
}
.slider {
	background-size: 100% 100%;
}
#slideshow {
	margin-top: 20px;
}
#header {
	position: relative;
}
.logo {
	width: 100%;
	text-align: center;
}
.get_qoute {
	position: absolute;
	left: 10px;
	top: 0;
}
.icon_menu_open {
	display: block;
	width: 40px;
	text-align: center;
	color: #bbb;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	z-index:1000;
	position: absolute;
	top: 27px;
	right: 25px;
}
.icon_menu_open.active{
	color:#fff;
	background:#c89755;
}
.icon_menu_open:before {
	content: "\f0c9";
	font-family: FontAwesome;
}
.nav li {
	float: none;
	display:block;
}
.nav li a {
	border-bottom: 1px solid rgba(0,0,0,0.05);
	line-height:50px;
	padding:0px;
	height:50px;
	text-align:center;
}
.sub {
	position: relative;
	top: 0;
	width: 100%;
	display:none;
	right:0;
	left:0;
}
.nav li:hover .sub {
	display: block;
	top: 0;
	border-radius: 0;
}
.nav li:hover .sub ul li a {
	text-align: center;
}
.nav li:hover .sub {
	display: block;
	top: 0;
	border-radius: 0;
}
.nav li:hover .sub ul li a {
	text-align: center;
}
.nav {
	margin: 0px;
	float: none;
	position: static;
	clear:both;
	width: 100%;
}
.nav li .sub ul li {
	width: 100%;
}
.width{
	width:100%;
}
.nav{
	display:none;
}
#header{
	height:auto;
}
}