@media (max-width: 767px) {
	.landingpage img {
		width: 70%;
		margin-bottom: 40px;
	}

	.landingpage br {
		display: none;
	}

	.landingpage h1 {
		font-size: 25px;
	}

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

	.topbar i {
		display: none;
	}

	#topbar-mail {
		margin-left: 0 !important;
		padding-left: 10px !important;
	}
	
	.topbar p {
		font-size: 12px;
		
	}

	.sign-in p {
		border-right: 0 !important;
		padding-right: 0 !important;
		text-align: center!important;
		margin-top: 10px;
	}

	.join {
		display: none;
	}

	.menubar {
		text-align: center!important;
		float: none!important;
	}
	
	.logo {
		display: none;
	}
	
	.navbar-brand {
		display: inline-block!important;
		width: 50%;
	}

	.navbar-brand:hover {
		border-bottom: none;
	}

	.navbar-brand img{
		width: 100%;
	}

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

	.navbar-toggle {
		border-radius: 0;
		text-align: center!important;
		/*float: none!important;*/
		display: inline-block!important;
		margin-right: 0;
	}
	
	.navbar {
		margin-bottom: 0;
	}

	.navbar-nav ul {
		text-align: center!important;
		float: none!important;
		display: block;
		padding-left: 0;
	}

	.navbar-nav li {
		display: block;
	}
	
	.navbar .navbar-nav>li>a {
		text-align: center!important;
		padding: 10px 0px;
	}
	
	.navbar-nav {
		margin: 0px!important;
	}
	
	.navbar-collapse {
		padding-left: 0;
	}

	/*Home page*/

	.home-header {
		height: 160px;
		text-align: center!important;
	}

	.home-header h1 {
		top: 10px!important;
		left: 20px;
		right: 20px;
		padding: 10px!important;
		font-size: 25px;
		margin-top: 0;
	}

	.home-header .btn-primary {
		top: 100px!important;
		left: 80px;
		right: 0;
		width: 50%;
	}

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

	.mobile-button h2 {
		font-size: 30px;
		margin-top: 0;
		color: #4d4d4d;
		padding-left: 0!important;
		padding-top: 15px;
	}

	.mobile-button .btn-primary {
		margin-bottom: 20px;
	}

	.overlay {
		display: none;
	}

	.overlay a.btn-primary {
		display: none!important;
	}

	.parallax-indoors {
		height: 200px!important;
	}

	.parallax-indoors h2 {
		position: relative;
		top: 20px;
		left: 0;
		right: 0;
		padding: 0;
		font-size: 40px;
	}
	
	.new-products-heading h2 {
		font-size: 40px;
	}

	.home-about {
		text-align: center;
	}

	.home-about h2 {
		font-size: 20px;
	}

	.home-about .btn-primary {
		width: auto!important;
	}

	.owl-nav {
		/* display: none; */
	}
	
	.commissions h2 {
		padding-top: 0;
	}
	
	.commissions {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.commissions .col-md-6 {
		margin-bottom: 20px;
	}

	/*About page*/

	.about {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		text-align: center;
	}
	
	.about-header h1 {
		padding: 20px;
	}

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

	.about-hovereffect {
		text-align: center;
	}

	.about-hovereffect .mobile-button .btn-primary {
		background-color: #7f8239!important;
		color: #fff;
	}
	
	.parallax-about {
		height: 300px;
	}
	
	.parallax-about h2 {
		font-size: 30px;
		top: 10px;
	}
	
	.vision-mission-values-purpose {
		padding-top: 60px;
		padding-bottom: 60px;
		text-align:center;
	}
	
	.vision-mission-values-purpose img {
		width: 60%;
		margin-bottom:40px;
	}
	
	.modal-title {
	    font-size: 20px;
	}
	
	.modal-dialog {
	  position: relative;
	  width: auto;
	  margin: 0px;
	}

	/*Services page*/
	
	.services-header h1 {
		padding: 20px;
	}

	.section-1, .section-2, .section-3 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.text-more {
		 padding-top:0px; 
	}
	
	.services-contact {
		height: 300px;
	}
	
	.services-contact p {
		font-size: 30px;
		color: #fff;
		padding-top: 20px;
		line-height: 40px;
	}
	
	.services .owl-next {
		display: inline-block;
		text-align: right;
		padding: 20px;
		float: right;
		position: absolute;
		top: 0px;
		bottom: 0;
		right: -10px;
	}
	
	.services .owl-prev {
		top: 0px;
	}

	/*Products page*/

	.products-header h1 {
		padding: 20px;
		font-size: 25px !important;
	}
	
	.fixed-left {
		display: none;
	}
	
	.products-categories-images .col-md-4 {
		text-align: center;
		width: 50%;
		float: left;
		margin-left: auto;
		margin-right:auto;
	}

	.products-categories .col-md-3, .products-categories .col-md-9 {
		text-align: center;
	}
	
	.our-products-intro {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.products-categories-images .col-md-3{
		display: inline-block;
		width: 100%;
		padding-right: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
	
	.categories .col-md-4 {
		width: 50%;
		float: left;
		margin-left: auto;
		margin-right: auto;
		min-height: 230px!important;
	}

	/*view-product page */

	.product-gallery .col-md-4 {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.prod-img-div {
		border: 1px solid rgba(216, 216, 216, 1.0);
		margin-bottom: 14px;	
		width: 33.3%;
		float: left;
		margin-left:auto;
		margin-right:auto;
	}

	.product-disc {
		text-align: center!important;
	}
	
	.product-disc h2 {
		font-size: 25px;
	}
	
	.product-option-select {
		height: 50px;
		width: 100%!important;
	}

	.product .product-disc input {
		width: 20%;
	}
	
	.product .product-disc .btn-primary.add-to-cart {
		background-color: #a9a9a9;
		/* padding: 11px; */
		color: #fff;
		/* font-size: 16px; */
		text-transform: uppercase;
		max-width: 120px;
		display: inline-block;
	}
	
	#add-to-form .btn-primary.add-to-quote {
		max-width: 120px;
		display: inline-block;
	}

	.product-specs {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.border-specs {
		display:none;
	}

	#headingOne:before {
		border-top: 5px solid #494949;
		content : "";
		position: absolute;
		top     : 0;
		left    : 0px;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}

	#headingOne:after {
		border-bottom: 5px solid #494949;
		content : "";
		position: absolute;
		bottom     : 0;
		left    : 0px;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}

	#headingTwo:after {
		border-bottom: 5px solid #494949;
		content : "";
		position: absolute;
		left    : 0px;
		bottom  : 0;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}
	
	.panel-default>.panel-heading h4 {
		padding-bottom: 5px;
		width: 100%;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.goes-with {
		display: none;
	}

	/*Contact page*/
	.contact-header h1 {
		padding: 20px;
		font-size: 25px !important;
	}
	
	.contact {
		padding-top: 0;
	}

	.contact-form {
		text-align: center;
	}
	
	.contact-details {
		text-align: left;
	}
	
	.contact-details p, .contact-details a {
		font-size: 15px;
		color: #000;
	}
	
	.contact-details i {
		font-size: 20px;
	}

	/*footer upper*/

	.footer-upper {
		text-align: center!important;
	}
	
	.footer-upper img {
		height:auto!important;
		width: auto;
	}

	.social-media i {
		padding-right: 10px;
	}

	.footer-newsletter-signup .col-md-3 {
		height: 250px!important;
	}

	.footer-upper h2 {
		margin: 0 !important;
		padding-bottom: 10px;
	}

	#logo {
		width: 30%!important;
		padding-bottom: 20px;
		display: inline-block;
	}
	
	#payfast-logo {
		display: inline-block;
		width:50%!important;
		height:auto;
		margin-top:15px;
	}

	.footer-shop-now, .footer-quick-links {
		display: none;
	}

	.footer-newsletter-signup form {
		padding-left: 0 !important;
	}

	.footer-upper .terms .col-md-3, .disclaimer .col-md-3, .cookie .col-md-3 {
		text-align: center;
		border-right: none;
		width: 100%!important;
		height: auto!important;
	}
	
	.footer-newsletter-signup .btn-primary {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.terms {
		display: block;
		text-align: left;
	}
	
	.footer-upper .terms, .disclaimer {
		border-right: 0;
		
	}

	.disclaimer {
		display:  block;
		text-align: center;
	}

	.cookie {
		display: block;
		text-align: center;
	}

	.developer {
		text-align: center!important;
	}
	
	.developer p {
		font-size: 12px!important;
		
	}

	#footer-navbar {
		display: none!important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.join {
		display: none;
	}

	.sign-in p {
		border-right: none;
		padding-right: 0;
		padding-top: 5px;
	}
	
	.topbar-details .col-md-6 {
		margin-right: auto;
		margin-left: auto;
		float: left;
		width: 80%;
	}
	
	.sign-in .col-md-6 {
		margin-right: auto;
		margin-left: auto;
		float: left;
		width: 20%;
	}

	.logo {
		text-align: center;
	}

	.logo img {
		width: 30%;
	}

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

	.nav>li>a {
		padding: 15px!important;
	}

	.navbar {
		margin-bottom: 0;
	}

	/*Home page*/

	.home-header {
		height: 250px;
		text-align: center!important;
	}

	.home-header h1 {
		top: 40px;
		right: 0;
	}

	.home-header .btn-primary {
		top: 190px;
		left: 280px;
		width: 30%;
	}

	.home-categories .col-md-4 {
		width: 33.3%;
		margin-right: auto;
		margin-left: auto;
		float: left;
	}

	.home-categories .hovereffect {
		/* height: 320px; */
	}

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

	.mobile-button h2 {
		font-size: 20px;
		margin-top: 0;
		color: #4d4d4d;
		padding-left: 0!important;
		padding-top: 15px;
	}

	.mobile-button a.btn-primary {
		margin-bottom: 20px;
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		top: 10px;
	}

	.coming-soon .mobile-button a.btn-primary {
		margin-bottom: 20px;
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		top: 10px;
	}

	.commissions .btn-primary {
		margin-bottom: 30px;
	}

	.commissions h2 {
		padding-top: 0;
		margin-top: 0;
	}

	.overlay {
		display: none;
	}

	.overlay a.btn-primary {
		display: none!important;
	}

	.owl-nav {
		/* display: none; */
	}

	.parallax-indoors {
		height: 240px;
	}

	.parallax-indoors h2 {
		top: 20px;
		left: 50px;
		right: 50px;
	}

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

	.home-about {
		text-align: center!important;
	}

	.home-about .owl-carousel .owl-item img {
		width: 50%;
		display: inline-block;
	}

	/*about page*/

	.modal-dialog{
		width:100%!important;
		height: auto;
	}

	.about-hovereffect {
		text-align: center;
	}

	.about-hovereffect .mobile-button .btn-primary {
		background-color: #7f8239!important;
		color: #fff;
	}
	
	.about-image1, .about-image3 {
		width: 45%;
		float: left;
		margin-right: 30px;
		margin-left: auto;
	}
	
	.about-image2 {
		display: none;
	}
	
	.parallax-about {
		height: 200px;
	}
	
	.parallax-about h2 {
		font-size: 30px;
		top: 30px;
		left: 40px;
		right: 40px;
	}
	
	.vision-mission-values-purpose img {
		display: none;
	}

	/*Services page*/

	.section-1, .section-2, .section-3 {
		text-align: center!important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.col-right img, .col-left img {
		width: 50%;
		padding-top: 10px;
	}

	.services-contact {
		height: 200px;
	}

	.services-contact p {
		padding-top: 20px!important;
		line-height: 40px;
		font-size: 30px;
	}

	/*Products page*/

	.products-categories .col-md-3{
		display:none;
	}

	.products-categories .col-md-9 {
		float: right;
		margin-bottom: 20px;
		display:inline-block;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	.products-categories-images .col-md-4 {
		float: left;
		text-align: center;
		display:inline-block;
		width: 50%;
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
	}
	

	/*view-product page */

	.product-gallery .col-md-4 {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.categories .col-md-4 {
		min-height: 270px;
		width: 33.3%;
		float: left;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-bottom: 20px;
	}

	.product-gallery .col-md-4 {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		float: left;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.prod-img-div {
		border: 1px solid rgba(216, 216, 216, 1.0);
		margin-bottom: 14px;	
		width: 33.3%;
		float: left;
		margin-left:auto;
		margin-right:auto;
	}

	.product-disc {
		text-align: center!important;
	}
	
	.product-disc h2 {
		font-size: 25px;
	}
	
	.product-option-select {
		height: 50px;
		width: 100%!important;
	}

	.product .product-disc input {
		width: 20%;
	}
	
	.product .product-disc .btn-primary.add-to-cart {
		background-color: #a9a9a9;
		/* padding: 11px; */
		color: #fff;
		/* font-size: 16px; */
		text-transform: uppercase;
		max-width: 120px;
		display: inline-block;
	}
	
	#add-to-form .btn-primary.add-to-quote {
		max-width: 120px;
		display: inline-block;
	}

	.product-specs {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.border-specs {
		display:none;
	}

	#headingOne:before {
		border-top: 5px solid #494949;
		content : "";
		position: absolute;
		top     : 0;
		left    : 0px;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}

	#headingOne:after {
		border-bottom: 5px solid #494949;
		content : "";
		position: absolute;
		bottom     : 0;
		left    : 0px;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}

	#headingTwo:after {
		border-bottom: 5px solid #494949;
		content : "";
		position: absolute;
		left    : 0px;
		bottom  : 0;
		height  : 1px;
		width   : 100%;  /* or 100px */
	}

	.goes-with .col-md-3 {
		margin-right: auto;
		margin-left: auto;
		width: 25%;
		float: left;
	}

	/*Contact page*/
	.contact .col-md-6, .contact .col-md-4 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.contact-form {
		text-align: center!important;
		padding-top: 0 !important;
	}
	
	.contact-details {
		padding-top: 0px;
		text-align: left;
	}

	.contact-details h2 {
		padding-bottom: 0 !important;
		margin-top: 0;
	}

	/*footer upper*/
	.footer-upper {
		padding-bottom: 0;
	}
	
	.footer-upper img {
		height:auto;
		width: auto;
		float: left!important;
	}

	.footer-upper .col-md-3 {
		width: 25%;
		height: 400px;
		margin-bottom: 40px;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footer-upper h2 {
		margin: 0 !important;
		padding-bottom: 10px;
		text-align: left!important;
	}

	#logo {
		width: 70%!important;
		padding-bottom: 20px;
	}
	
	#payfast-logo {
		width:100%!important;
		height:auto;
		margin-top:15px;
	}

	.footer-newsletter-signup input {
		width: 100%;
	}

	.footer-upper .col-md-3#terms, .footer-upper .col-md-3#disclaimer, .footer-upper .col-md-3#cookie {
		text-align: center;
		width: 33.3%!important;
		height: auto!important;
		float: left;
	}

	.footer .col-md-3 {
		margin-right: auto;
		margin-left: auto;
		float: left;
		width: 30%;
	}

	.footer .col-md-9 {
		margin-right: auto;
		margin-left: auto;
		float: left;
		width: 70%;
	}

	.footer .nav>li>a {
		padding: 5px!important;
	}

	.developer {
		padding-top: 5px!important;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.sign-in .col-md-4 {
		margin-right: auto;
		margin-left: auto;
		float: left;
		text-align: left;
		width: 30%;
		display: inline-block;
	}

	.join .col-md-2 {
		margin-right: auto;
		margin-left: auto;
		float: right;
		text-align: right;
		width: 20%;
		display: inline-block;
	}

	.sign-in p {
		margin-right: 0px!important;
	}

	.navbar-nav li {
		float: left;
		text-align: left!important;
	}

	/*Home page*/

	.home-header {
		height: 200px;
	}

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

	.home-header .btn-primary {
		top: 130px!important;
	}

	.home-categories .col-md-4 {
		width: 33.3%;
		margin-right: auto;
		margin-left: auto;
		float: left;
		height: auto;
	}

	.home-categories .hovereffect {
		/* height: 420px; */
	}

	.commissions h2 {
		padding-top: 30px!important;
	}

	.mobile-button {
		display: block;
		text-align: center!important;
		margin-top: 20px;
	}

	.mobile-button h2 {
		font-size: 25px;
		margin-top: 0;
		color: #4d4d4d;
		padding-left: 0!important;
		padding-top: 15px;
	}

	.mobile-button a.btn-primary {
		margin-bottom: 20px;
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		top: 10px;
	}

	.coming-soon .mobile-button a.btn-primary {
		margin-bottom: 20px;
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		top: 10px;
	}

	.overlay {
		display: none;
	}

	.overlay a.btn-primary {
		display: none!important;
	}

	.owl-nav {
		/* display: none; */
	}

	.home-about h2 {
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.home-about p {
		padding-bottom: 10px;
	}

	.parallax-indoors {
		height: 180px;
	}

	.parallax-indoors h2 {
		top: 10px;
		left: 0;
		right: 0;
	}

	/*About page*/

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

	.modal-dialog{
		width:100%!important;
		height: auto;
	}

	.about-hovereffect {
		text-align: center;
	}

	.about-hovereffect .mobile-button .btn-primary {
		background-color: #7f8239!important;
		color: #fff;
	}

	/*services page*/

	.section-1 p, .section-2 p, .section-3 p {
		padding-top: 0 !important;
	}

	.services-contact {
		height: 200px!important;
	}

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

	/*footer upper*/

	.footer-upper .footer-logo{
		text-align: right!important;
	}
	
	.footer-upper img {
		height:auto;
		width: auto;
		float: left!important;
	}

	.cookie .col-md-3 {
		width: auto;
	}

}

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

	/*footer upper*/

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

	.footer-upper h2 {
		margin-left: 0!important;
	}

	.footer-newsletter-signup form {
		padding-left: 0 !important;
		padding-right: 40px;
	}

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