@media (max-width:767px) {
	.logo {
		text-align: left!important;
		width: 60%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}

	.topbar .text-right{
		margin-top: 5px;
	}

	.menubar .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.header-contact{
		display: none!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;
	}

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

	.navbar-default li.social {
		display: inline-block!important;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

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

	.navbar-default ul {
		float: none!important;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		background-color: #231f20;
		z-index: 99999;
	}

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

	.nav-justified>li>a{
		margin-bottom: 0!important;
	}

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

	.topbar span {
		display: none;
	}

	.details-dropdown {
		line-height: 25px;
	}

	/*home page*/

	.home-header{
		background-image: none!important;
		height: auto!important;
		text-align: center;
	}

	.home-header h1 {
		margin-top: 0px!important;
		font-size: 28px!important;
		margin-bottom: 0;
		background-color: rgba(237,29,36,1)!important;
		padding-top: 20px!important;
		line-height: 45px;
	}

	.home-header h2{
		margin-top: 0!important;
		padding-top: 0!important;
		font-size: 28px!important;
		display: block!important;
		background-color: rgba(237,29,36,1)!important;
		padding-bottom: 20px!important;
	}

	.home-paragraph{
		padding-top: 20px !important;
    	margin-bottom: 20px !important;
		font-size: 18px!important;
		background-size: inherit!important;
	}

	.founder {
		padding-top: 0!important;
	}

	.home-categories {
		text-align: center!important;
		padding-bottom: 0!important;
	}

	.george, .mossel-bay, .joburg {
		margin-bottom: 40px;
		min-width: 280px!important;
		max-width: 280px!important;
		width: auto;
		padding-top: 60px!important;
		padding-bottom: 30px!important;
	}

	.george img, .mossel-bay img, .joburg img{
		right: 0!important;
		left: 0!important;
		margin-right: auto;
		margin-left: auto;
	}

	/*about greorge page*/

	.about-george-header h1, .about-mosselbay-header h1, .about-joburg-header h1, .feedback-header h1 {
		font-size: 40px!important;
	}

	.about-george-header p, .about-mosselbay-header p, .about-joburg-header p{
		padding-top: 0!important;
	}

	.who-are-we{
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}

	.who-are-we h2{
		font-size: 30px!important;
		margin-bottom: 0!important;
	}

	.who-are-we p{
		font-size: 15px!important;
	}

	.services{
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}

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

	.services h3{
		font-size: 20px!important;
	}

	.services ul li{
		font-size: 15px;
		padding-top: 15px!important;
	}

	.services ul li:hover{
		font-size: 15px!important;
		padding-top: 15px!important;
	}

	/*Our people page*/

	.our-people {
		padding-top: 40px!important;
	}

	.our-people-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	.our-people h2{
		font-size: 30px!important;
		margin-bottom: 0!important;
	}

	.our-people p{
		font-size: 18px!important;
	}

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

	.hovereffect {
		margin-bottom: 20px;
	}

	.hovereffect img{
		display: inline-block!important;
		width: 70%!important;
	}

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

	.overlay, .mobi-hidden {
		display: none!important;
	}

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

	.mobi-only {
		display: inline-block !important;
		width: 100%;
		margin-bottom: 10px;
	}

	.details-dropdown .dropdown-content {
		margin: 10px 0!important;
	}

	.details-dropdown .dropdown-content.right {
		left: auto;
    	right: 0;
	}

	.mobile-button .btn-primary {
		position: relative!important;
		margin-top: 10px!important;
		text-decoration: none;
		text-transform: uppercase;
		background-color: #ed1d24;
		color: #fff;
		border: none;
		border-radius: 0;
	}

	.mobile-button .btn-primary:hover {
		text-decoration: none;
		text-transform: uppercase;
		background-color: #ed1d24;
		color: #fff;
		border: none;
		border-radius: 0;
	}

	.people img{
		width: 50%;
		display: inline-block;
	}

	.modal-header h2, .modal-header h4 {
		margin-top: 0;
		padding-top: 7px;
	}

	/*becoming a client page*/

	.becoming-a-client-header h1{
		margin-top: 0!important;
		font-size: 30px!important;
	}

	.becoming-a-client-1 h2, .becoming-a-client-2 h2{
		font-size: 30px!important;
	}

	.becoming-a-client-1 h3, .becoming-a-client-2 h3{
		font-size: 18px;
	}

	.becoming-a-client-1 p, .becoming-a-client-2 p{
		font-size: 15px!important;
	}

	/*cloud accounting page*/

	.cloud-accounting-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	.contact {
		padding-top: 60px;
		max-height: 100%!important;
	}

	.cloud-accounting h2{
		font-size: 30px!important;
	}

	.cloud-accounting h3{
		font-size: 18px;
	}

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

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

	.tab-pane{
		min-height: 550px!important;
	}

	/*Challenges*/
	/*private sector page*/

	.challenges-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

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

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

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

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

	.challenges h3 {
		margin-top: 0;
	}

	.grow, .relevant, .deal, .advice{
		min-height: 250px!important;
	}

	.grow h3 .relevant h3, .deal h3, .advice h3{
		font-size: 15px!important;
	}

	.grow p, .relevant p, .deal p, .advice p{
		font-size:14px!important;
	}

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

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

	.growth .btn-primary{
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		padding: 0!important;
	}

	.growth .btn-primary h2{
		font-size: 11px!important;
		letter-spacing: 0px!important;
	}

	.modal-header h2{
		font-size: 12px!important;
		padding-top: 0!important;
	}

	.modal-content button {
		font-size: 10px!important;
		padding: 10px!important;
	}

	.modal-body h3{
		font-size: 15px!important;
	}

	.modal-content ul>li{
		font-size: 15px!important;
	}

	.growing {
		height: auto!important;
	}

	.growing h2 {
		padding-top: 0!important;
		font-size: 40px!important;
	}

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

	.growing ul {
		padding-left: 0!important;
		padding-right: 0!important;
		margin-top: 20px!important;
	}

	.growing li {
		font-size: 15px!important;
	}

	/*public sector*/

	.public-challenges-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	.public-challenges{
		padding-bottom: 40px!important;
	}

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

	.public-pop-ups{
		padding-bottom: 40px!important;
	}

	.public-pop-ups .col-md-4{
		border: none!important;
	}

	.public-pop-ups a{
		width: 50%!important;
		display: inline-block!important;
		font-size: 30px!important;
	}

	/* Feedback */
	.client-details {
		padding-bottom: 20px;
	}

	#feedback-form .btn-primary {
		margin-top: 0;
	}

	.feedback {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.login-categories {
		padding-top: 90px;
		padding-bottom: 0;
		text-align: center;
	}

	.login-categories .george {
		margin-bottom: 0!important;
	}

	.client-login {
		padding-top: 30px;
		padding-bottom: 0;
	}

	/*services*/

	/*Private sector*/

	.services-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	.private-services h2{
		margin-top: 0!important;
		font-size: 40px!important;
	}

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

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

	.sections h2{
		font-size: 25px!important;
	}

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

	.services-pop-ups {
		padding-bottom: 20px!important;
	}

	.services-pop-ups .col-md-4 {
		border: none!important;
		min-height: 180px!important;
	}

	.sage img {
		width: 40%!important;
	}

	/*Public sector*/

	.public-services-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

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

	.services-pop-ups a>h2 {
		font-size: 15px!important;
	}

	.services-pop-ups .col-md-3 {
		border: none!important;
		min-height: 180px!important;
	}

	.section-f h2 {
		text-align: center!important;
	}

	.other{
		height: auto!important;
		margin-top: 0!important;
	}

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

	.other li {
		font-size: 15px!important;
	}

	/*client login*/

	.client-login-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	/*contact page*/

	.contact-header h1{
		margin-top: 0!important;
		font-size: 40px!important;
	}

	.contact h2 {
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	}

	/*footer top*/

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

	.footer-top .testimonial-body{
		font-size: 18px!important;
	}

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

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

	/*footer bottom*/

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

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

	.footer-bottom img {
		width: 80%;
		margin-top: 15px;
	}

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

	.copyright {
		margin-bottom: 0!important;
		padding-top: 0px!important;
	}
}

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

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

	.topbar .text-right{
		text-align: center!important;
	}

	.header-contact{
		padding-left: 30px!important;
		padding-right: 30px!important;
		padding-top: 10px!important;
    	padding-bottom: 10px!important;
	}	

	.navbar-default li a {
		font-size: 11px!important;
		padding-left: 4px!important;
		padding-right: 4px!important;
	}

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

	/*home page*/

	.home-header {
		height: 400px !important;
		text-align: center;
		padding: 70px 0px;
	}

	.home-header h1{
		margin-top: 10px!important;
	}

	.home-paragraph{
		font-size: 18px!important;
		margin-bottom: 0!important;
	}

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

	.george, .mossel-bay, .joburg{
		margin-bottom: 80px;
	}

	.george img, .mossel-bay img, .joburg img{
		right: 0!important;
		left: 0!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}

	.home-categories{
		padding-bottom: 0!important;
		padding-top: 90px!important;
	}

	.founder {
		padding-top: 0!important;
	}

	/*about George page*/

	.about-george-header p, .about-mosselbay-header p, .about-joburg-header p{
		padding-top: 0px!important;
	}

	.who-are-we, .services {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.who-are-we h2, .services h2 {
		font-size: 30px!important;
		margin-bottom: 0!important;
	}

	.who-are-we p {
		font-size: 15px!important;
	}

	.services h3 {
		font-size: 20px!important;
	}

	.services ul li {
		font-size: 15px!important;
	}

	/*our people page*/

	.our-people-header {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.our-people-header h1{
		margin-top: 0!important;
	}

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

	.hovereffect img{
		width: 50%;
	}

	.overlay {
		display: none;
	}

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

	.hovereffect {
		margin-bottom: 20px;
	}

	.hovereffect img{
		display: inline-block!important;
		width: 50%!important;
	}

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

	.mobile-button .btn-primary {
		position: relative!important;
		margin-top: 10px!important;
		text-decoration: none;
		text-transform: uppercase;
		background-color: #ed1d24;
		color: #fff;
		border: none;
		border-radius: 0;
	}

	.mobile-button .btn-primary:hover {
		text-decoration: none;
		text-transform: uppercase;
		background-color: #ed1d24;
		color: #fff;
		border: none;
		border-radius: 0;
	}

	.people img{
		width: 50%;
		display: inline-block;
	}

	/*Becoming a client page*/

	.becoming-a-client-header {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
	}

	.becoming-a-client-header h1{
		margin-top: 0!important;
	}

	/*cloud accounting page*/

	.cloud-accounting-header h1{
		margin-top: 0!important;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
		min-height: 70px;
	}

	.nav-tabs>li{
		font-size: 15px!important;
		font-weight: 700;
	}

	.tab-pane{
		min-height: 400px!important;
	}

	/*your challenges*/
	/*Private sector*/


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

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

	.challenges h2 {
		margin-bottom: 0!important;
	}

	.grow, .relevant, .deal, .advice{
		min-height: 280px!important;
	}

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

	.growing h2 {
		padding-top: 20px!important;
	}

	.growing ul {
		padding-left: 0!important;
		padding-right: 0!important;
		margin-top: 0!important;
	}

	/*public sector*/

	.public-challenges-header h1{
		margin-top: 0!important;
	}

	.public-pop-ups .col-md-4{
		border: none!important;
		min-height: 100px!important;
	}

	.public-pop-ups a>h2{
		font-size: 20px!important;
	}

	/*Services*/
	/*Private sector*/

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

	.private-services h2{
		margin-top: 0!important;
	}

	.services-pop-ups .col-md-4, .services-pop-ups .col-md-3{
		border: none!important;
		min-height: 100px!important;
	}

	.services-pop-ups a>h2{
		font-size: 20px!important;
		text-align: center!important;
	}

	/*public sector*/

	.public-services-header h1{
		margin-top: 0!important;
	}

	.other{
		height: auto!important;
		padding-bottom: 20px;
		margin-top: 0!important;
	}

	.other h2{
		padding-top: 0px!important;
	}

	/*client-login page*/

	.client-login-header h1{
		margin-top: 0!important;
	}

	/*contact page*/

	.contact {
		height: 300px!important;
	}

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

	.contact h2 {
		margin-top: 10px!important;
		margin-bottom: 10px!important;
	}

	form {
		margin-top: 40px;
	}

	.contact-form {
		display: inline-block!important;
		float: left;
		width: 50%;
	}

	.input {
		text-align: right!important;
		display: inline-block;
	}

	.contact-form input {
		width: 100%!important;
	}

	.message {
		display: inline-block;
	}

	.message textarea {
		height: 158px!important;
		width: 100%!important;
	}

	.contact .input .btn-primary {
		margin-left: 0px!important;
		display: inline-block;
	}

	.col-md-6 .message {
		display: inline-block;
		float: left;
		width: 50%!important;
	}

	/*footer top*/

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

	.footer-top .testimonial-body{
		font-size: 15px!important;
	}

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

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

	/*footer bottom*/

	.footer-bottom, .footer-bottom .text-right{
		text-align: center;
		padding-bottom: 30px;
	}

	.footer-bottom img{
		width: 50%;
	}

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

	.copyright {
		margin-bottom: 0!important;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.topbar .text-right{
		width: auto!important;
		float: right;
	}

	.details-dropdown .dropdown-content.right {
		left: auto!important;
    	right: 0!important;
	}

	.header-contact{
		padding-left: 15px!important;
		padding-right: 15px!important;
		padding-top: 15px!important;
    	padding-bottom: 8px!important;
	}

	.navbar-default li a{
		font-size: 13px!important;
		padding-left: 8px!important;
    	padding-right: 8px!important;
	}

	.logo img {
		width: 100%!important;
		margin-top: 15px!important;
	}

	/*home page*/

	.home-header{
		height: 300px!important;
		padding-top: 7%!important;
		text-align: center;
	}

	.home-header h1{
		margin-top: 10px!important;
	}

	.george img, .mossel-bay img, .joburg img {
		right: 0!important;
		left: 0!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}

	/*About George page */

	.about-george-header p{
		padding-top: 0;
	}

	/*cloud accounting page*/

	.nav-tabs>li{
		font-size: 18px!important;
		font-weight: 700;
	}

	.tab-pane{
		min-height: 350px!important;
	}

	/*Challenges*/
	/*Private sector*/
	.growth .btn-primary h2{
		font-size: 18px!important;
	}

	/*services*/
	/*public sector*/

	.services-pop-ups .col-md-4{
		padding-left: 0;
		padding-right: 0;
	}

	.services-pop-ups a>h2{
		font-size: 15px!important;
	}

	.hovereffect .overlay {
		width: 100%;
		height: 294px!important;
	}
}

@media (min-width: 1199px) and (max-width: 1600px){ 
	.copyright {
		padding-top: 14px!important;
	}
	.details-dropdown .dropdown-content.right {
		left: auto!important;
    	right: 0!important;
	}
}