@media only screen and (min-width: 300px) and (max-width:780px) {
#services, #features, #joinus, #faqs, #aboutus, #contactus2{ padding-top: 80px !important;  }
.toparrow{ display: block; }
.top-links ul li a{ padding: 3px; }
.brand{ width: 70%; }
.brand img{ width: 230px; }
.banner h1{ font-size: 20px; padding-top: 20px; padding-bottom: 10px;}
.banner ul{ width: 100%;  margin: 0 auto;}
.banner ul li{ font-size: 15px; }
.banner ul li img { float: left;  }
.features-box img{  margin: 0 15px 40px 0; }
.sales, .top-links{ width: 97%; text-align: left; }
.sales{ padding-left: 6%; }
.services-box { width: 98%; margin-bottom: 15px;}
.features-box { width: 100%; margin: 15px 0; }
.joinus-box { width: 100%; margin-bottom: 15px; text-align: center; }
.joinus-box p{ text-align: center; }
.joinus-box img{ float: none; }
.footer{ padding: 25px; }
.footer-box { width: 100%; margin-bottom: 25px; text-align: left;}
.footer-box li{ float: left; margin: 3px 10px; }
.social-icons img{ margin-bottom: 15px; }
.acrdn li{ width: 90%; margin: 9px auto; float: none; }
.site-nav .menu { background: #999999; transition: all 0.5s ease !important; }
.aboutus-img img{ width: 100%; }


}


@media only screen and (max-width: 1299px){
	.wrapper{ width: 100%; margin: 0 auto; }
	#home,.banner-main, #services, #features, #joinus, #faqs, #aboutus, #contactus2, .menu{ width: 90%; margin: 0 auto; padding: 5%; }
	#home, .menu, #services{ padding: 0 5%; }
	.banner-main{ background: url('../images/banner-bg.jpg') no-repeat; }

}

@media only screen and (min-width: 1300px){
	#home, .banner,  #services, #features, #joinus, #faqs, #aboutus, #contactus2, #features-div, #joinus-div, #faq-div, #aboutus-div, .services, .menu{ width: 1200px; margin: 0 auto; }
	.faq-main, .features-main{ width: 100%; background: #f3f3f3; }
	.aboutus-main, .joinus-main, .services-main, .menu-main, .header-bar-main { width: 100%; }
	.footer-main{ width: 100%; background: #272727; }
	.banner-main{ background-image: url('../images/banner-bg.jpg'); }
	.header-bar-main{ background: #0099cc; }

}

@media only screen and (min-width: 781px) and (max-width:1000px) {
 	#home, .banner-main, #services, #features, #joinus, #faqs, #aboutus, #contactus2, .menu{ width: 90%; margin: 0 auto; }
 	#home, .menu{ padding: 0 5%; }
	.sales{ padding: 6px 20px; width: 30%; }
	.brand {width: 25%;}
	.brand img{ width: 100%; margin-left: 20px; }
	.features-box { width: 100%; }
	nav#nav-main { padding: 0 0; }
	nav#nav-main a{ padding: 10px 10px; }
	.banner h1{ padding-top: 0; }
	.banner ul{ margin-left: 0; }
	.banner ul li{ margin: 10px; }
}

@media only screen and (min-width: 1000px) and (max-width:1220px) {
nav#nav-main a{ padding: 8px !important; }
}