@media only screen 
and (minwidth : 320px) 
and (maxwidth : 900px) { 

.wrapper{
	font-size: 30px !important;	
	
	
}



header{
	height: 150px !important;	
}

header nav{
	display: none;
}

header .top {
position: absolute;
top: 20px;
right: 0px !important;
}

.subMenu{
	display: none !important;
}

.menu_icon{
height: 100px !important;
width: 100px !important;
background-size: cover;
top: 18px !important;
left: -31px !important;	
	
}

.text_logo{
	font-size: 85px !important;	
	left: 105px !important;
	top: 7px;
}

.subMenu ul{
	display: none !important;	
	
}

#mega_menu{
	top: 150px !important;
}

#mega_menu .nav{
	display:block !important;
	
}

#mega_menu .menu_close{
	top: 150px !important;
	
}


.sTop{
	top: 150px !important;
}

.s1 .inner{
	width: 98% !important;
		
}

#services.page li{
	font-size: 28px;	
	width:24%;
	margin: 30px 0;
}

#services.page li .circle{
left: 50%;
margin-left: -105px;	
	
}

#mega_menu #services li{
	font-size: 30px !important;	
}

#mega_menu #services li h2{
	font-size: 40px !important;	
	
}

#services.page li h2{
	font-size: 32px !important;	
	height: 70px;
 }
 
 #home_estimate {
background: #333;
height: 680px;
width: 98% !important;
display: block;
float: none !important;
position: absolute;
top: 98px !important;
border-radius: 20px;
color: #fff;
padding: 15px;
box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
border-right: 1px solid #777;
border-top: 1px solid #777;
z-index: 999999;
text-align: left;
color: #ccc;
 }
 
#home_estimate form li input {
height: 35px;
width: 100%;
}

.s1 {
min-height: 1000px !important;
width: 100%;
max-width: 100%;
top: 150px;
height: auto !important;
}

.about .inner p {
border: none !important;
width: 100% !important;
float: left;
box-sizing: border-box;
padding: 40px;
margin-top: 60px;
}

.s2 h2{
	font-size: 32px !important;	
	
}


}