@media (max-width: 767px) {
	.topbar {
		text-align: center!important;
	}

	.topbar img {
		width: 80%;
	}

	.slogan {
		display: none;
	}

	.details {
		border-left: none!important;
		padding-left: 0!important;
	}

	.details p, .details a {
		font-size: 15px!important;
	}

	.menubar {
		text-align: center!important;
	}

	.navbar-header {
		text-align: center!important;
		float: none;
	}

	.navbar-default {
		text-align: center;
		display: inline-block!important;
	}

	.navbar-toggle{
		float: none;
		margin-right: 0;
		border-radius: 0;
	}

	.navbar-toggle span {
		color: #fff;
	}

	.navbar-toggle:link, .navbar-toggle:active, .navbar-toggle:focus, .navbar-toggle:hover{
		background-color: transparent!important;
		text-align: center!important;
	}

	.navbar-default ul li {
		display: block!important;
		margin-right: 0!important;
	}

	.navbar-nav {
		margin: 0!important;
	}

	.dropdown.open {
		text-align: center!important;
	}

	.navbar-default li .dropdown-menu>li>a {
		text-align: center!important;
		background-color: #fff!important;
	}

	.navbar-default li .dropdown-menu>li>a:hover {
		background-color: #fff!important;
		color: #3298ed!important;
	}

	/*Home page*/

	.home-header {
		text-align: center;
		background-image: url(/images/homeslider.jpg);
		height: 280px!important;
	}
	
	.home-header h1 {
		font-size: 30px!important;
		padding-top: 10px!important;
		color: white;
	}

	.home-header p {
		line-height: 1.5!important;
		color: #000!important;
	}

	.home-header .btn-primary {
		width: auto;
		font-size: 15px!important;
		padding: 10px!important;
	}

	.features-header {
		height: 200px!important;
		background-image: none!important;
	}

	.features-header h1 {
		padding-top: 60px!important;
		font-size: 50px!important;
	}

	.features h2 {
		font-size: 40px!important;
	}

	.categories {
		text-align: center!important;
		padding-top: 20px!important;
		padding-bottom: 20px !important;
	}

	.cat-col {
		text-align: center!important;
		float: left;
		width: 50%!important;
		margin-left: auto;
		margin-right: auto;
	}

	.cat-col p {
		font-size: 15px!important;
	}

	.categories a>img {
		width: 60%!important;
		margin-top: 0!important;
	}

	.cat-col .category {
		text-align: center!important;
		height: 150px!important;
	}

	.intro {
		width: auto!important;
	}

	.overview {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.video-header {
		padding-bottom: 20px;
	}

	.video-header h2 {
		font-size: 40px !important;
	}

	.overview iframe {
		width:100%!important;
	}

	.testimonials {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}

	.testimonials .testimonial-body {
		font-size: 12px!important;
	}

	.testimonial-caption, .testimonial-caption span {
		font-size: 12px!important;
	}

	.owl-theme .owl-nav [class*=owl-] {
		font-size: 10px!important;
	}

	/*about page*/

	.about-header {
		height: 100px!important;
		background-image: none!important;
	}

	.about-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
	}

	.about {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		text-align: center!important;
	}

	.about p {
		font-size: 15px!important;
	}

	.people {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		text-align: center!important;
	}

	.people h2 {
		font-size: 40px!important;
	}

	.hovereffect {
		text-align: center!important;
	}

	.hovereffect img {
		width: 80%!important;
		text-align: center!important;
		display: inline-block!important;
	}

	.people h3 {
		text-align: center!important;
	}

	.overlay {
		display: none!important;
	}

	.mobile-button {
		display: block!important;
	}

	.mobile-button .btn-primary {
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 10px!important;
		background-color: #3298ed;
		color: #fff;
		font-size: 20px;
		padding: 10px;
		border-radius: 0;
		margin-bottom: 20px;
	}

	.mobile-button .btn-primary:hover {
		background-color: #3298ed;
	}

	/*Getting Started Page*/

	.getting-started-header {
		height: 100px!important;
		background-image: none!important;
	}

	.getting-started-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.content {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		text-align: center!important;
	}

	.content h2 {
		font-size: 20px!important;
	}

	.intro-video h2 {
		font-size: 40px!important;
	}
	
	/*your challenges*/

	.your-challenges-header {
		height: 100px!important;
		background-image: none!important;
	}

	.your-challenges-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.content ul {
		text-align: left!important;
	}

	.intro-video h2 {
		font-size: 40px!important;
	}

	/*Features dropdown*/

	.software-integration-header, .step-by-step-header, .debtorsmart-header, .reporting-header, .timesmart-header, .secsmart-header, .plansmart-header, .docsharesmart-header, .clientsmart-header  {
		height: 120px!important;
		background-image: none!important;
	}

	.software-integration-header h1, .step-by-step-header h1, .debtorsmart-header h1, .reporting-header h1, .timesmart-header h1, .secsmart-header h1, .plansmart-header h1, .clientsmart-header h1 {
		padding-top:40px!important;
		padding-bottom: 10px!important;
		font-size: 35px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.docsharesmart-header h1 {
		padding-top:40px!important;
		padding-bottom: 10px!important;
		font-size: 35px!important;
		color: #3298ed!important;
		margin-top: 0;
	}
	
	.features-bar {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}

	.all {
		display: inline-block;
		padding-left: 10px;
	} 

	.nav-controls {
		display: inline-block;
		float: right!important;
		padding-right: 10px;
	}
	
	.heading {
		padding-top: 20px!important;
		padding-bottom: 10px!important;
		text-align: center!important;
	}

	.heading img {
		width: 30%!important;
	}

	.heading h2 {
		font-size: 30px!important;
		margin-bottom: 10px!important;
	}

	.paragraph {
		text-align: center!important;
		font-size: 15px!important;
		padding-bottom: 10px!important;
	}

	/*Frequently Asked Questions page*/

	.faq-header {
		display: none;
	}

	.questions {
		padding-top: 0!important;
		padding-bottom: 20px !important;
	}

	.questions h2 {
		padding-top:10px!important;
		font-size: 40px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	/*Contact page*/

	.contact-header {
		height: 100px!important;
		background-image: none!important;
	}

	.contact-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.contact-heading {
		padding-top: 0px !important;
	}

	.contact-heading h2 {
		font-size: 40px!important;
	}

	.contact {
		padding: 0!important;
		text-align: center;
	}

	.contact-details {
		text-align: center;
	}

	.contact-details p {
		font-size: 18px!important;
	}

	.contact-details i {
		font-size: 20px!important;
	}

	.contact-details span {
		padding-left: 35px!important;
	}

	#map {
		height: 200px!important;
	}

	/*Free Trial Page*/

	.free-trial-header {
		height: 150px!important;
		background-image: none!important;
	}

	.free-trial-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.integration-form th {
		text-align: center;
	}

	.integration-form select {
		float: none!important;
	}

	/*Sage One Integration page*/

	.sage-one-header {
		height: 150px!important;
		background-image: none!important;
	}

	.sage-one-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.financial-details, .sage-details {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/*Sage Pastel Page*/

	.sage-pastel-header {
		height: 150px!important;
		background-image: none!important;
	}

	.sage-pastel-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.contact-details h2, .financial-details h2, .sage-details h2 {
		text-align: center!important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/*Accufile Trial Page*/

	.accufile-trial-header {
		height: 150px!important;
		background-image: none!important;
	}

	.accufile-trial-header h1 {
		padding-top:10px!important;
		font-size: 50px!important;
		color: #3298ed!important;
		margin-top: 0;
	}

	.step-2 .financial-details {
		text-align: center!important;
	}

	/*footer-upper*/

	.footer-upper {
		text-align: center!important;
	}

	.footer-upper img {
		width: 50%!important;
	}

	.footer-upper p {
		padding-top: 0px!important;
	}

	.footer-upper .btn-primary {
		margin-top: 0!important;
		width: 50%;
		font-size: 15px;
	}

	/*footer*/

	.footer .navbar {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.topbar {
		text-align: center!important;
	}

	.topbar img {
		width: 50%!important;
	}

	.slogan {
		float: left!important;
		width: 50%;
		display: inline-block;
		padding-right: 40px;
	}

	.slogan p {
		font-size: 20px!important;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.details p, .details a, .details i {
		font-size:15px!important;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.details {
		float: right!important;
		text-align: left;
		width: 50%;
		display: inline-block;
		padding-left: 40px!important;
	}

	.navbar-default ul li {
		margin-right: 5px!important;
	}

	.navbar-default ul li a{
		font-size: 12px!important;
	}

	.navbar-collapse {
		padding-right: 0!important;
		padding-left: 0!important;
	}

	.navbar-right {
		float: none!important;
	}

	/*Home page*/

	.home-header {
		height: 500px!important;
		background-image: url(/images/homeslider.jpg);
	}

	.home-header h1 {
		padding-top: 70px!important;
		margin-top: 0;
		font-size: 60px!important;
	}

	.home-header p {
		font-size: 18px;
	}

	.home-header .btn-primary {
		width: auto!important;
		margin-bottom: 10px;
	}

	.categories {
		padding-bottom: 20px !important;
		text-align: center!important;
	}

	/*.cat-col {
		margin-left: auto!important;
		margin-right: auto!important;
		margin-bottom: 15px;
		height: 150px!important;
	}

	.cat-col img {
		width: 60%!important;
		margin: 0!important;
	}

	.cat-col .category {
		margin-left: auto!important;
		margin-right: auto!important;
		margin-bottom:auto!important;
		width: 80%!important;
		height: 150px!important;
		padding-left: 10px;
		padding-right: 10px;
	}*/

	.cat-col p {
		font-size: 15px!important;
	}

	.pricing {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.testimonials {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}

	.testimonials p{
		font-size: 12px!important;
	}

	.testimonials .testimonial-caption {
		padding-top: 0!important;
		font-size: 15px!important;
	}

	.owl-theme .owl-nav [class*=owl-] {
		font-size: 10px!important;
	}

	/*about page*/

	.about-header {
		height: 150px!important;
	}

	.about-header h1 {
		padding-top: 20px!important;
		font-size: 60px !important;
	}

	.about {
		padding-top: 20px!important;
		padding-bottom: 20px !important;
	}

	.people {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		text-align: center!important;
	}

	.people h3 {
		text-align: center!important;
	}

	.overlay {
		display: none!important;
	}

	.mobile-button {
		display: block!important;
	}

	.mobile-button .btn-primary {
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 10px!important;
		background-color: #3298ed;
		color: #fff;
		font-size: 20px;
		padding: 10px;
		border-radius: 0;
		margin-bottom: 20px;
	}

	.mobile-button .btn-primary:hover {
		background-color: #3298ed;
	}

	.hovereffect img {
		width: 100%!important;
		text-align: center!important;
		display: inline-block!important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hovereffect {
		text-align: center!important;
		width: 33.3%!important;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	/*.overlay {
		width: 92%!important;
		text-align: center!important;
		margin-left: 9px;
		height: 220px!important;
	}

	.overlay a.btn-primary {
		margin-top: 100px!important;
	}*/

	/*Getting Started*/

	.getting-started-header {
		height: 150px!important;
	}

	.getting-started-header h1 {
		padding-top: 20px!important;
		font-size: 60px !important;
	}

	.content {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.intro-video {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.intro-video h2 {
		font-size: 40px !important;
	}

	/*Your challenge*/

	.your-challenges-header {
		height: 150px!important;
	}

	.your-challenges-header h1 {
		padding-top: 20px!important;
		font-size: 60px !important;
	}

	/*Features category pages*/

	.header {
		height: 150px!important;
	}

	.header h1 {
		padding-top: 30px!important;
		font-size: 50px !important;
	}

	.features-bar {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.all {
		display: inline-block;
		padding-left: 10px;
	} 

	.nav-controls {
		display: inline-block;
		float: right!important;
		padding-right: 10px;
	}

	.heading {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		text-align: center;
	}

	.heading span>img {
		width: 15%!important;
	}

	.heading span>h2 {
		vertical-align: middle;
	}

	.paragraph {
		padding-bottom: 20px!important;
	}

	.paragraph h2 {
		font-size: 20px !important;
	}

	/*Frequently asked questions page*/

	.faq-header {
		height: 150px!important;
	}

	.faq-header h1 {
		padding-top: 10px!important;
		font-size: 60px !important;
		margin-top: 0 !important;
	}

	/*Contact*/

	.contact-header {
		height: 150px!important;
	}

	.contact-header h1 {
		padding-top: 30px!important;
		font-size: 60px !important;
	}

	.contact-heading {
		padding-top: 20px !important;
	}

	.contact-heading h2 {
		font-size: 40px !important;
	}

	.contact {
		padding-top: 20px !important;
		padding-bottom: 20px!important;
	}

	.form {
		width: 50%!important;
		margin-right: auto;
		margin-left: auto;
		float: left;
	}

	.form .btn-primary {
		width: 100%!important;
	}

	.contact-details {
		width: 50%!important;
		margin-right: auto;
		margin-left: auto;
		padding-left: 100px !important;
		float: right!important;
		display: block!important;
	}

	.contact-details span {
		padding-left: 45px!important;
		padding-bottom: 15px;
		display: inline-block!important;
	}

	#mobile-align {
		padding-right: 100px;
	}

	#map {
		height: 250px!important;
	}

	/*Free trial page*/

	.free-trial-header {
		height: 150px!important;
	}

	.free-trial-header h1 {
		padding-top: 30px!important;
		font-size: 60px !important;
	}

	/*/*Sage One Integration Page*/

	.accufile-trial-form .contact-details, .sage-pastel-form .contact-details, .sage-one-form .contact-details {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		padding-left: 0 !important;
		text-align: center;
	}

	.accufile-trial-form .contact-details h2, .sage-pastel-form .contact-details h2, .sage-one-form .contact-details h2 {
		padding-top: 0 !important;
		margin-top: 0 !important;
		text-align: center;
	}

	 .accufile-trial-form .contact-details .col-md-6.address, .sage-pastel-form .contact-details .col-md-6.address, .sage-one-form .contact-details .col-md-6.address {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: right!important;
		text-align: center;
	}

	.financial-details h2 {
		padding-top: 0 !important;
		margin-top: 0 !important;
		text-align: center;
	}

	.financial-details {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		text-align: center;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.sage-details h2 {
		padding-top: 0 !important;
		margin-top: 0 !important;
		text-align: center;
	}

	.sage-details {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		text-align: center;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	/*Sage PAstel Page*/

	.sage-pastel-header {
		height: 150px!important;
	}

	.sage-pastel-header h1 {
		margin-top: 0 !important;
	}

	/*Footer-upper*/

	.footer-upper {
		padding-top: 0!important;
		padding-bottom: 0 !important;
	}

	.footer-upper .col-md-3{
		text-align: center!important;
		width:25%;
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.footer-upper img {
		width:60%!important;
		margin-top: 20px;
	}

	.footer-upper p, .footer-upper a {
		padding-top: 60px!important;
		font-size: 16px!important;
	}

	.footer-upper i {
		font-size: 30px!important;
	}
	
	.footer-upper .btn-primary {
		width: auto!important;
		margin-top: 60px!important;
		font-size: 15px!important;
		padding: 10px!important;
	}

	/*Footer*/

	.footer {
		text-align: center!important;
	}

	.footer p {
		padding-top: 0 !important;
	}

	.footer .navbar {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	.slogan p {
		font-size: 20px!important;
		padding-bottom: 10px;
	}

	.details p, .details a {
		font-size: 15px!important;
	}

	.details i {
		font-size: 25px!important;
	}

	.navbar-default ul li {
		margin-right: 15px!important;
	}

	.navbar-default ul li a {
		padding-left: 0!important;
	}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-default li .dropdown-menu>li>a {
		padding-left: 10px!important;
	}

	/*Home page*/

	.home-header {
		height: 400px!important;
		background-image: url(/images/homeslider.jpg);
	}

	.home-header h1 {
		padding-top: 20px!important;
	}

	.home-sage p {
		padding-top: 30px!important;
	}

	.overview {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.home-features {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.home-features ul {
		font-size: 15px!important;
	}

	.home-features .btn-primary {
		font-size: 15px!important;
		padding: 10px!important;
	}

	.home-features-img img {
		margin-top: 40px;
	}

	.categories {
		text-align: center!important;
	}

	.cat-col {
		width: 25%!important;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.cat-col .category {
		padding: 10px!important;
		margin:10px!important;
		height: 200px;
	}

	.cat-col img {
		margin-bottom: 0!important;
	}

	.cat-col p {
		font-size: 17px!important;
		margin-top: 0 !important;
	}

	.testimonials {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.testimonials p{
		font-size: 15px!important;
	}

	.testimonials .testimonial-caption {
		padding-top: 0!important;
		font-size: 15px!important;
	}

	.owl-theme .owl-nav [class*=owl-] {
		font-size: 10px!important;
	}

	/*About page*/

	.overlay {
		display: none!important;
	}

	.mobile-button {
		display: block!important;
	}

	.mobile-button .btn-primary {
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 10px!important;
		background-color: #3298ed;
		color: #fff;
		font-size: 20px;
		padding: 10px;
		border-radius: 0;
		margin-bottom: 20px;
	}

	.mobile-button .btn-primary:hover {
		background-color: #3298ed;
	}

	.hovereffect img {
		width: 100%!important;
		text-align: center!important;
		display: inline-block!important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hovereffect {
		text-align: center!important;
		width: 100%!important;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.people h3 {
		text-align: center!important;
	}

	/*Features category pages*/

	.header {
		height: 150px!important;
	}

	.header h1 {
		padding-top: 20px!important;
		font-size: 50px!important;
	}

	.heading {
		padding-top: 20px!important;
		padding-bottom: 20px !important;
		text-align: center!important;
	}

	/*Sage One Integration Page + Accufile trial page*/

	.accufile-trial-form .contact-details, .sage-pastel-form .contact-details, .sage-one-form .contact-details {
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		padding-left: 0 !important;
		text-align: center;
	}

	.accufile-trial-form .contact-details h2, .sage-pastel-form .contact-details h2, .sage-one-form .contact-details h2 {
		padding-top: 0 !important;
		margin-top: 0 !important;
		text-align: center;
	}

	 .accufile-trial-form .contact-details .col-md-6.address, .sage-pastel-form .contact-details .col-md-6.address, .sage-one-form .contact-details .col-md-6.address {
		margin-right: auto;
		margin-left: auto;
		float: right!important;
		text-align: center;
	}

	.financial-details h2 {
		padding-top: 40px !important;
		margin-top: 0 !important;
		text-align: center;
	}

	.financial-details {
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		text-align: center;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.sage-details h2 {
		padding-top: 0 !important;
		margin-top: 0 !important;
		text-align: center;
	}

	.sage-details {
		margin-right: auto;
		margin-left: auto;
		float: left!important;
		text-align: center;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.accufile-trial-form .btn-primary, .sage-pastel-form .btn-primary, .sage-one-form .btn-primary {
		margin-top: 0 !important;
	}

	/*Sage PAstel Page*/

	.sage-pastel-header {
		height: 150px!important;
	}

	.sage-pastel-header h1 {
		margin-top: 0 !important;
	}

	/*Contact page*/

	.contact {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/*Footer-upper*/

	.footer-upper {
		padding-bottom: 0!important;
	}

	.footer-upper p {
		font-size: 15px!important;
	}

	.footer-upper .btn-primary {
		font-size: 15px!important;
		padding: 10px!important;
	}

	.footer-upper i {
		font-size: 40px!important;
	}

	/*Footer*/

	.footer {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.footer p {
		font-size: 14px!important;
	}

	.footer .navbar p {
		padding-left: 4px!important;
	}
}


@media (min-width: 1199px) and (max-width: 1600px) {
	/*Features page*/

	.cat-col .category {
		padding: 10px!important;
		margin:10px!important;
		height: 200px;
	}

	.cat-col img {
		margin-bottom: 0!important;
	}

	.cat-col p {
		font-size: 17px!important;
		margin-top: 0 !important;
	}
}
.disabled {
	pointer-events: none;
	cursor: default;
}