@media only screen and (max-width :991px) {
	

.auto-container {
width: 96%;
margin: auto;
}
.mobile-banner
{
display:block !important;
}
section.mobile-banner img {
width: 100%;
}
.aboutus-inner li {
width: 100%;
padding: 30px 20px 30px;
min-height: inherit;
border-right: none;
border-bottom: 1px #b3b3b3 solid;
}
.main-heading h1 {
font-size: 35px;
}
.main-heading a {
padding: 10px 30px;
font-size: 20px;
}
.auto-conatiner {
width: 96%;
}
.profile-img img {
width: 270px;
}
.ser-col {
width: 100%;
margin: 0 0 40px;
}
.latest-services-inner {
text-align: center;
}
.ser-col p {
color: #fff;
padding: 0 10px;
text-align: center;
}
.header-topbar {
display: none;
}
#home {
background:none;
padding:0;
height: 55px;
}
.footer-left {
width: 100%;
padding: 10px 20px 50px;
height: inherit;
}
.main-heading h2 {
font-size: 20px;
}
.main-banner-inner {
padding: 20px;
}
.latest-services h2 {
font-size: 35px;
margin-bottom: 30px;
}
.footer-left:before {
height: inherit;
}
.footer-right:before {
height: inherit;
}
.footer-right {
width: 100%;
padding: 40px 20px 80px;
height: inherit;
}
.footer-left ul {
width: 100%;
}
.main-banner {
padding: 20px 0;
}
.header-logo a {
font-size: 22px;
}
.header-logo {
padding-left: 15px;
}
.header-container .auto-conatiner {
width: 100%;
}
.header-inner {
padding: 10px 0;
}
a.icon {
position: absolute;
right: 20px;
top: 12px;
z-index: 9999;
color: #000;
font-size: 20px;
}
section.aboutus-outer {
padding: 10px 0;
}
.header-right {
width: 100%;
}.topnav
{
display:none;
}
.topnav.responsive
{
display:block !important;
}
.header-right li a {
color: #fff;
font-size: 20px;
}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
a.icon
{
	display:block !important;
}
.header-right li {
float: left;
margin-right: 0;
width: 100%;
}
.topnav.responsive {
position: absolute;
width: 100%;
left:0;
top:57px;
z-index:9999;
}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
border-bottom: 1px #dff solid;
display: block;
text-align: left;
}
.topnav {
background-color: #333;
overflow: hidden;
}
section.main-heading-outer {
width: 100%;
float: left;
}
.about-us-inner img {
width: 100%;
margin: 0 0px 20px 0;
}
.main-heading {
margin-bottom: 20px;
}
section.conatct-us-inner {
padding: 20px 0 20px;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.contact-comment textarea {
width: 100% !important;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04AA6D;
color: white;
}
.topnav .icon {
display: none;
}.conatct-address {
width: 100%;
float: left;
}
.contact-field {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.conatct-address-right {
width: 100%;
}








}