@media (max-width: 280px) {
	.home-products .col-xs-6, .home-products .col-sm-6 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.logo {
		width: 46%!important;
		margin-top: 10px!important;
	}

	.header-notice {
		padding: 20px 15px!important;
		font-size: 15px!important;
	}

	.mobile-hidden {
		display: none;
	}

	.mobi-only {
		display: block!important;
	}

	.mobi-cart {
		display: inline-block!important;
		width: 19%!important;
	}

	.promo-header.page-header{
		background-size: 200%!important;
		background-repeat: no-repeat;
		background-position: top!important;
		height: auto!important;
		min-height: 162px!important;
	}

	.page-header .overlay h1 {
		padding-top: 100px!important;
		font-size: 35px!important;
		/* padding-bottom: 60px!important; */
	}

	.mobi-search {
		width: 17%!important;
	}

	.mobi-search i {
		font-size: 17px!important;
		vertical-align: middle;
	}

	.mobi-cart i {
		font-size: 17px!important;
		vertical-align: middle;
	}

	.navbar-header button, .navbar-header button:hover {
		padding: 2px 5px!important;
		font-size: 17px;
	}

	.navbar-default {
		width: 10%;
	}

	.coupon-banner {
		display: none!important;
	}
	
	.coupon-banner-mobile {
		display: block!important;
	}

	.home-header-category {
		min-height: 150px!important;
	}
}

@media (min-width: 281px) and (max-width: 400px) {
	.logo {
		margin-top: 0!important;
	}

	.page-header {
		min-height: 300px!important;
	}

	.promo-header{
		height: 200px!important;
	}

	.page-header .overlay h1 {
		padding-top: 180px!important;
		font-size: 35px!important;
		padding-bottom: 60px!important;
	}

	.product-header.page-header h1 {
		font-size: 30px!important;
	}

	.navbar-collapse {
		top: 100%!important;
	}

	.mobi-search {
		width: 15%;
	}

	.mobi-search i {
		font-size: 20px!important;
		vertical-align: middle;
	}

	.mobi-cart i {
		font-size: 20px!important;
		vertical-align: middle;
	}

	.navbar-header button, .navbar-header button:hover {
		padding: 0px 5px!important;
		font-size: 18px;
	}

	.navbar-default {
		width: 7%;
	}

	.coupon-banner {
		display: none!important;
	}
	
	.coupon-banner-mobile {
		display: block!important;
	}

	.home-header-category {
		min-height: 150px!important;
	}
}

@media (max-width: 767px) {
	.logo {
		text-align: left;
    	display: inline-block;
		width: 50%!important;
    	margin-top: 10px!important;
	}
	
	.logo img {
		width: 100%!important;
	}
	
	.mobi-links {
		text-align: center;
		margin: 15px 0;
		padding: 0;
		display: inline-flex;
	}

	.mobi-links li>a {
		margin: 0 10px!important;
	}

	.mobi-links li>a>i {
		font-size: 20px;
	}

	.mobi-links .dropdown {
		display: inline-block;
	}

	.mobi-search {
		display: inline-block!important;
		min-width: 15%;
		text-align: right;
		padding-right: 10px;
	}

	.mobi-search i {
		font-size: 30px;
		vertical-align: middle;
	}

	.mobi-cart {
		display: inline-block!important;
		min-width: 15%;
		text-align: right;
	}

	.mobi-cart i {
		font-size: 30px;
		vertical-align: middle;
	}

	#total_items {
		font-size: 12px;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color: #555!important;
		display: inline-block;
	}

	.navbar-header {
		text-align: center;
		margin-top: 5px!important;
	}

	.navbar-default {
		text-align: right!important;
		display: inline-block;
		float: right;
		width: 10%;
	}
	
	.topbar {
		text-align: center;
		position: fixed;
		top: 0;
		z-index: 999999;
		width: 100%;
	}
	
	.modal {
		top: 0px;
	}

	.modal-body {
		position: relative;
		padding: 15px;
		max-height: 740px;
		overflow-y: auto;
	}

	#newsletterModal .modal-body img {
		display: none;
	}

	#newsletterModal .modal-body h3, #newsletterModal .modal-body p, #newsletterModal .modal-body .btn-primary {
		vertical-align: middle;
		margin: 15px 0!important;
	}

	#christmasModal .modal-body {
		background-image: none!important;
		padding: 30px!important;
		padding-bottom:30px!important;
		margin-right:0px!important;
		width: 100%;
		min-height: 0!important;
	}

	#christmasModal .christmas-heading {
		font-size: 24px!important;
	}

	.topbar p {
		display: none;
	}
	
	.mobi-menubar {
		display: block!important;
		background-color: transparent!important;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.topbar .account {
		display: block!important;
		float: none!important;
		text-align: center;
		font-size: 15px;
	}
	
	.topbar .account i {
		margin-left: 0!important;
		font-size: 18px;
	}
	
	.tb-cart {
		display: inline!important;
	}
	
	.mobile-hidden {
		display: none;
	}

	.mobi-only {
		display: block!important;
	}

	.navbar-header {
		text-align: center;
		margin-top: 15px;
	}
	
	.navbar-header button, .navbar-header button:hover {
		float: none!important;
		padding: 10px 15px;
		background-color: #000000!important;
		border: 2px solid #000000!important;
		border-radius: 0px;
		color: #fff;
		width: auto;
		margin: 0!important;
		text-transform: uppercase;
		font-size: 20px;
	}

	.navbar-default li {
		display: block!important;
		text-align: center!important;
	}
	
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	    padding-top:8px;
	    padding-bottom:8px;
		display: inline-block;
		font-weight: 300!important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu li {
		color: #353133!important;
		background-color: transparent;
		outline: none;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		border-bottom: 0!important;
		font-weight: 300!important;
	}
	
	.navbar-collapse {
		margin: 5px auto;
		position: absolute;
		top: 100%;
		left: -200px;
		right: -15px;
		background-color: #fff;
		z-index: 999;
		text-align: center;
		-webkit-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 50%);
		-moz-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 50%);
		box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 50%);
		max-height: 480px!important;
		border: 0;
		overflow-y: scroll!important;
	}
	
	.navbar-default .navbar-nav>.active>a {
		display: inline-block;
	}

	.navbar-default li a {
		color: #353133!important;
	}

	.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 15%;
		font-size: 20px;
		color: #000;
		text-align: center;
		text-shadow: none;
		background-color: transparent!important;
		filter: alpha(opacity=50);
		opacity: 1;
	}

	.carousel-control.right, .carousel-control.left {
		background-image: none;
	}

	.carousel-control:focus, .carousel-control:hover {
		color: #000;
		text-decoration: none;
		filter: alpha(opacity=90);
		outline: 0;
		opacity: 1;
		background-image: none;
		background-color: transparent;
	}

	#mobile-shop-menu {
		display: block;
	}

	.promo-header{
		height: 300px!important;
	}

	#shop-menu-link, .menu-topbar{
		display: none!important;
	}

	.shop-menu, .mini-cart {
		display: none;
	}
	
	.ms-caption {
		top: 50px!important;
		left: 10px!important;
		text-align: center!important;
		right: 10px!important;
	}

	.spring-slide .ms-caption {
		top: 83%!important;
		left: 63%!important;
		right: 0!important;
	}

	.slider-shopnow-btn {
		font-size: 30px!important;
		border-bottom: 3px solid #fff!important;
	}
	
	.slide2 .ms-caption .cursive {
		font-size: 30px;
		margin-bottom: 20px;
	}
	
	.ms-caption img {
	    width: 320px!important;
	}

	.header-notice {
		padding: 20px 15px!important;
		font-size: 15px!important;
	}

	.home-header-category {
		min-height: 150px!important;
		max-height: 400px!important;
		height: auto;
		position: relative;
		margin: 0 5px 5px 5px!important;
	}
	.home-header-category.new-blocks {
		margin-top: 0!important;
	}

	.home-header .col-md-3 {
		padding: 0!important;
	}

	.home-header-category .overlay {
		top: 78%!important;
		left: 15px!important;
	}

	.home-header-category .overlay p {
		font-size: 16px!important;
    	font-weight: 400!important;
	}
	
	.home-intro {
		padding-top: 20px!important;
		padding-bottom: 20px;
	}
	
	.home-products h2, .home-social-feed h2 {
		font-size: 40px!important;
	}
	
	.home-social-feed h2 {
		margin-bottom: 20px!important;
	}

	.home-intro .samsara-intro {
		margin-bottom: 30px;
	}

	.home-intro .container-fluid .col-md-4, .home-intro .container-fluid .col-md-4:nth-last-child(2), .home-intro .container-fluid .col-md-4:last-child {
		padding-left: 15px!important;
		padding-right: 15px!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}

	.home-category {
		margin-bottom:15px;
	}

	.home-category .overlay {
		padding: 10px 30px 0!important;
		top: 91%!important;
		left: 0!important;
		bottom: auto;
		background-color: rgba(0,0,0,0.5);
	}
	
	.page-header .overlay h1 {
		padding-top: 180px!important;
		font-size: 35px!important;
		padding-bottom: 60px!important;
	}
	
	.product-header.page-header h1 {
		font-size: 30px!important;
	}
	
	.page-header, .about-header, .journal-header, .contact-header, .privacy-policy-header, .faq-header, .deliveries-header, .product-header, .bridal-header  {
		min-height: 300px!important;
		/* padding-top: 100px;
		padding-bottom: 100px; */
	}
	
	.about-heading {
		padding-top: 0!important;
	}

	.about-mini-cart.left.first, .about-mini-cart.right, .about-mini-cart.left.second {
		right: 0!important;
		left: 0!important;
		position: inherit!important;
		top: 0!important;
		margin-bottom: 40px;
		z-index: 99999!important;
	}

	.about-mini-cart.right {
		margin-top: 40px;
	}

	.about-mini-cart-img.left {
		margin-left: 0!important;
		margin-bottom: 40px!important;
	}

	.new-about {
		margin: 40px 0;
	}

	.new-about .row {
		margin: 0px 0!important;
	}
	
	.page-header .overlay h1 {
		padding-top: 122px;
		font-size: 35px;
		padding-bottom: 40px;
	}

	.home-intro .samsara-intro p, .home-intro .samsara-intro p a, .home-intro .tora-grace-intro p, .home-intro .tora-grace-intro p a {
		font-size: 40px!important;
		padding-top: 110px;
		/*padding-top: 50px!important;*/
	}
	
	.home-products {
		padding-bottom: 0!important;
		padding-top: 0!important;
	}
	
	.home-explore .explore-heading {
		width: 100%!important;
	}
	
	.home-explore {
		padding-top: 50px!important;
		padding-bottom: 60px!important;
	}

	.home-explore h2 {
		font-size: 40px!important;
		margin-top: 0!important;
	}
	
	.home-explore .col-md-3 {
		width: 50%!important;
		float: left!important;
		margin-left: auto!important;
		margin-right: auto!important;
		min-height: 160px!important;
		height: auto!important;
	}
	
	.home-explore .col-md-3 p {
		font-size: 16px!important;
	}
	
	.home-explore .col-md-3 img {
		width: 40%!important;
		padding-top: 20px;
	}
	
	.home-takealot {
		text-align: center;
		padding-top: 20px;
	}
	
	.home-takealot img {
		width: 70%;
	}

	.home-design-own .container {
		padding: 30px 20px!important;
		margin: 4% 2% 4% 2%!important;
	}

	.home-design-own h2 {
		font-size: 30px!important;
		margin-top: 0!important;
	}

	.home-design-own h2>br {
		display: none!important;
	}

	.home-design-own .btn-primary {
		min-width: 106px!important;
		margin: 20px 5px 0 5px!important;
	}

	.home-social-feed {
		text-align: center;
	}

	.instagram-feed {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	.instagram li {
		width: 48%!important;
	}

	.about-image-1 {
		display: none;
	}

	.about-image-2 {
		width: 100%!important;
		margin-bottom: 30px;
	}

	.about-text-2 {
		margin-top: 0!important;
		text-align: left!important;
	}

	.about-image-3 {
		width: 100%!important;
		margin-top: 0!important;
	}
	
	.about-heading span {
		display: none;
	}

	.shop-sidebar {
		display: none;
	}

	.blog .post {
		margin-bottom: 30px;
	}

	.blog-sidebar {
		display: none;
	}

	.input {
		width: 100%!important;
		margin-right: 0!important;
		display: block!important;
		float: none!important;
	}

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

	.footer-links {
		padding-top: 15px;
	}

	.footer-contact p, .footer-quicklinks p {
		width: 100%!important;
	}

	.footer-upper h2 {
		margin-top: 30px;
	}

	/* .footer-logo {
		width: 50%!important;
	} */
	
	.footer-lower {
		padding: 0px 0px 30px 0px!important;
	}

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

	.footer-links a {
		padding: 0 15px;
	}

	.product-range-info img {
		width: 100%!important;
	}

	.footer-logo img {
		width: 50%!important;
	}
	
	.footer-quicklinks, .footer-newsletter {
		display:none;
	} 
	
	.payfast-footer, .payments-footer {
		width: 90%!important;
		margin: 20px 0!important;
		margin-left: 0px!important;
		margin-right: 10px!important;
	}

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

	.navbar-default li a {
		padding-left: 0!important;
		padding-right: 5px!important;
	}

	/* payflex */
	.about-payflex {
		margin-top: 0!important;
	}

	.new-about-payflex {
		margin: 100px 10px!important;
	}

	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		padding: 40px;
	}

	.intro-par {
		margin: 40px 0!important;
	}

	.steps-carousel {
		padding:0 40px;
	}

	.step {
		min-height: 250px;
		padding: 20px;
		margin: 5px;
	}

	.payflex-steps {
		margin-bottom: 50px!important;
	}

	.individual-product .product-price {
		font-size: 17px!important;
		margin-top: 20px;
	}

	#checkoutModal .modal-body .checkout-modal-wrapper .btn-primary {
		min-width: 190px!important;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	#partPayCalculatorWidget1 {
		min-height: 130px!important;
		vertical-align: middle;
		align-items: center;
	}

	.partPayCalculatorWidgetDialogInner .partPayCalculatorWidgetDialogFooter {
		padding-left: 25px;
	}

	.individual-product .add-to-wishlist {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.individual-product .product-metal img {
		width: 60px!important;
		height: 60px!important;
		margin: 20px 10px 20px 0!important;
	}

	.individual-product .social-share {
		padding-bottom: 0px!important;
		padding-top: 20px;
	}

	/* .cart-wishlist-div {
		display: block!important;
	} */

	.cart-wishlist-div .btn-secondary {
		width: 110px!important;
	}

	/* .individual-product .add-to-wishlist {
		margin-top: 20px;
	} */

	.product {
		padding-top: 15px!important;
	}

	.products .products-container, .products .products-container .product {
		padding-top: 0!important;
		padding-bottom: 20px;
	}

	.product.related-product {
		margin: 30px 10px!important;
	}

	.products h2 {
		font-size: 30px;
		margin-bottom: 40px;
		margin-left: 20px;
	}

	/* .products p {
    	margin: 0 0 40px 15px;
	} */
	
	.product-details h2 {
		font-size: 30px;
		margin-left: 0px!important;
	}

	.image-previews {
		margin-bottom: 30px!important;
	}

	.img-preview {
		margin: 0;
		max-width: 49%!important;
		padding-right: 5px!important;
	}

	.individual-product h2 {
		margin-top: 0;
		font-size: 30px!important;
	}

	.product-range-info {
		margin: 0 5%!important;
	}

	.coupon-banner {
		display: none!important;
	}
	
	.coupon-banner-mobile {
		display: block!important;
	}

	/* hide table headings */
    .cart-products thead {
        display: none;
    }

    /* treat rows like divs */
    .cart-products tr {
        display: block;
        border-top: 0!important;
        margin-top: 0 !important;
    }

    /* treat columns like divs */
    .cart-products td {
        display: block;
        text-align: left; /* text to right */
    }

    /* this part is ugly, but necessary to show label on left */
    .cart-products td:before {
        content: attr(data-label);
         /* label to left */
        font-weight: 700;
        width: 100%!important;
        display: block;
    }

	.cart-product-image {
		width: 100%!important;
	}

	.cart-product-image img {
		width: 60%!important;
		height: auto;
		margin-top: 10px!important;
	}

	.cart-product-name {
		width: 100%!important;
		margin-left: 0!important;
	}

	.cart-product-qty {
		width: 100%!important;
	}

	.cart-product-qty input {
		display: block;
		width: auto!important;
	}

	.cart-total {
        font-size: 18px;
        font-weight: 700;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 2px solid #ececec !important;
        border-bottom: 2px solid;
        float: none !important;
        margin-right: 0 !important;
        margin-top: 5px;
        margin-left: 0px !important;
        width: 100% !important;
        display: block;
        line-height: 60px !important;
        align-items: center;
        vertical-align: middle;
        padding-left: 10px !important;
    }

	.checkout-btn {
		float: right!important;
		margin-top: 15px!important;
		margin-right: 15px!important;
	}
}

@media (max-width: 780px) and (max-width: 991px){
	.topbar-menu li a {
		line-height: 30px!important;
		font-size: 12px!important;
	}

	.tab-hidden {
		display: block!important;
	}
	
	.tab-only, .mobile-hidden, .menubar {
		display: none!important;
	}

	.topbar-menu {
		justify-content: center!important;
		align-items: center!important;
		padding-left: 0!important;
		text-align: center!important;
	}

	.topbar-menu li, .topbar-menu li {
		padding: 0 20px!important;
	}

	.topbar-menu .open>.dropdown-menu {
		display: block!important;
	}

	.topbar-menu .dropdown-menu {
		max-height: 330px;
		overflow: auto;
	} 

	.topbar-menu .first-dropdown.open .second-dropdown, .topbar-menu .second-dropdown .dropdown.open>.dropdown-menu  {
		width: 100%!important;
		position: static!important;
		display: block!important;
		box-shadow: none!important;
		padding-left: 0!important;
		z-index: 9999999;
	}

	.topbar-menu .second-dropdown .dropdown.open>.dropdown-menu li {
		width: 100%;
		max-width: 250px;
		overflow-x: scroll;
		word-break: break-word;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	    padding-top:8px;
	    padding-bottom:8px;
		/* display: inline-block; */
		font-weight: 300!important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu li {
		color: #353133!important;
		background-color: transparent;
		outline: none;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		border-bottom: 0!important;
		font-weight: 300!important;
	}

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

	.navbar-default li a {
		padding-left: 0!important;
		padding-right: 5px!important;
	}

	.header-notice {
		width: 100%!important;
		padding: 20px 1%!important;
		font-size: 15px!important;
	}

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

	.logo img {
		width: 40%;
	}

	.spring-slide .ms-caption {
		top: 83%!important;
		left: 63%!important;
		right: 0!important;
	}

	.slider-shopnow-btn {
		font-size: 30px!important;
		border-bottom: 3px solid #fff!important;
	}

	.about-mini-cart.left.first, .about-mini-cart.right, .about-mini-cart.left.second {
		right: 0!important;
		left: 0!important;
		position: inherit!important;
		top: 0!important;
		margin-bottom: 40px;
		z-index: 99999!important;
	}

	.about-mini-cart.right {
		margin-top: 40px;
	}

	.about-mini-cart-img.left {
		margin-left: 0!important;
		margin-bottom: 40px!important;
	}

	.mobile-hidden {
		display: none;
	}

	.mobi-only {
		display: block!important;
	}

	.promo-header {
		height: 300px!important;
	}

	.home-category {
		position: relative;
		max-height: 85vh;
		vertical-align: middle;
		align-items: center;
		align-self: center;
	}

	.new-about {
		margin: 60px 0!important;
	}

	.new-about .row {
		margin: 0!important;
	}

	.new-about-payflex {
		margin: 100px 30px!important;
	}

	.about-payflex {
		margin-top: 0!important;
	}

	.about-payflex img {
		margin-top: 30px;
	}

	.about-payflex .carousel-inner>.item>a>img, .about-payflex .carousel-inner>.item>img {
		width:40%!important;
	}

	.vertical-align-block {
		padding: 0!important;
	}

	.steps-carousel {
		padding: 0 20%!important;
	}

	.step {
		min-height: 250px;
		padding: 20px;
		margin: 5px;
	}

	.payflex-steps {
		margin-bottom: 50px!important;
	}

	.payflex-steps {
		margin-bottom: 100px!important;
	}

	.payflex-mobi-header {
		padding-top: 150px!important;
		padding-bottom: 150px!important;
		background-size: auto!important;
		background-repeat: no-repeat;
		background-color: #002751;
	}

	.step {
		max-width: 400px!important;
		margin: 0 20px!important;
	}

	.step img {
		width: 70%!important;
	}

	.new-about-payflex h2 {
		margin-top: 0;
		font-size: 30px!important;
		margin-bottom: 30px!important;
	}

	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
		width: 40%!important;
		text-align: center;
		margin: auto!important;
	}

	.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 15%;
		font-size: 20px;
		color: #000;
		text-align: center;
		text-shadow: none;
		background-color: transparent!important;
		filter: alpha(opacity=50);
		opacity: 1;
	}

	.carousel-control.right, .carousel-control.left {
		background-image: none;
	}

	.carousel-control:focus, .carousel-control:hover {
		color: #000;
		text-decoration: none;
		filter: alpha(opacity=90);
		outline: 0;
		opacity: 1;
		background-image: none;
		background-color: transparent;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#newsletterModal .modal-body h3 {
		vertical-align: middle;
		margin: 1% 20px 0 0px!important;
	}

	#newsletterModal .modal-body p, #newsletterModal .modal-body .btn-primary {
		margin: 10px 20px 10px 0px!important;
	}

	#christmasModal .modal-body {
		background-image: url(/images/pop-up-mobile.jpg)!important;
		padding: 30px 80px!important;
		padding-bottom: 30px!important;
		margin-right: 0px!important;
		width: auto;
		min-height: 667px!important;
		max-height: 700px!important;
		background-position: center;
		background-size: 100%!important;
		padding-top: 190px!important;
	}

	#christmasModal .christmas-heading {
		font-size: 24px!important;
	}

	#christmasModal .modal-dialog {
		position: relative;
		width: 84%;
		margin: 10px auto;
	}

	#christmasModal .close {
		float: right;
		font-size: 50px;
		font-weight: 300;
		line-height: 1;
		color: #B49375;
		text-shadow: none;
		opacity: 1;
		position: absolute;
		right: 20px;
		z-index: 999;
		top: 10px;
	}

	.topbar {
		text-align: center;
	}

	.topbar p, .menubar {
		display: none;
	}

	.tab-hidden {
		display: none!important;
	}
	
	.tab-only {
		display: block!important;
	}	

	.topbar .account {
		display: block!important;
		float: none!important;
		text-align: center!important;
	}

	.topbar-menu {
		align-items: center!important;
		padding-left: 0!important;
		text-align: center!important;
		justify-content: center!important;
		margin-bottom: 10px!important;
	}
	
	.topbar-menu .open>.dropdown-menu {
		top: 95%;
		z-index: 99999;
		min-width: 200px;
		max-width: 200px;
		padding: 10px 15px;
		font-size: 14px;
		right: -30px;
	}

	.product-range-info img {
		width: 250px;
		margin-bottom: 40px;
	}

	.dropdown-menu li {
		width: 100%;
		text-align: center;
	}

	.dropdown-menu>li>a {
		display: block;
		padding: 5px 20px;
		text-align: center;
	}

	.topbar-menu .dropdown-menu.second-dropdown, .topbar-menu .dropdown-menu.second-dropdown .open>.dropdown-menu {
		position: relative;
		top: 95%;
		z-index: 99999;
		display: none;
		padding: 10px 5px;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 0;
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: none;
		/* min-width: 250px;
		max-width: 300px; */
		word-break: break-all;
	}

	.topbar-menu .dropdown-menu.second-dropdown {
		max-height: none;
		overflow: auto;
	}

	.topbar-menu .dropdown-menu.second-dropdown li a {
		line-height: normal;
		align-self: center;
		font-size: 15px;
		font-weight: 400;
		white-space: normal;
	}
	
	.topbar-menu .dropdown-menu.second-dropdown li {
		padding: 0!important;
		display: block;
	}

	.navbar-default {
		text-align: center!important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		display: inline-block!important;
	}

	.navbar-default ul {
		float: none!important;
	}

	.navbar-default li {
		margin-left: auto;
		margin-right: auto;
	}
	
	.logo {
		text-align: center;
	}
	
	.logo img {
		width: 50%;
	}
	
	.ms-caption {
		top: 90px!important;
		left: 10%!important;
		text-align: center!important;
		right: 10%!important;
	}
	
	.slide2 .ms-caption .cursive {
		font-size: 30px;
		margin-bottom: 20px;
	}
	
	.ms-caption img {
	    width: 320px!important;
	}

	.slider-shopnow-btn {
		font-size: 40px!important;
		border-bottom: 5px solid #fff!important;
	}

	.spring-slide .ms-caption {
		top: 270px!important;
		left: 70%!important;
		right: 0%!important;
	}

	.home-header-category .overlay {
		top: 80%;
		left: 20px;
		right: 0;
	}

	.home-header-category.lrg-block {
		min-height: 330px !important;
		max-height: 330px !important;
		margin: 4px 5px!important;
	}

	.home-header-category {
		min-height: 330px !important;
		max-height: 330px !important;
		margin: 4px 0!important;
	}
	
	.home-intro .samsara-intro {
		margin-bottom: 30px;
	}
	
	.home-intro, .home-social-feed {
		padding-top: 20px!important;
		padding-bottom: 0px!important;
	}
	
	.home-intro .col-md-6 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.home-intro .tora-grace-intro p, .home-intro .tora-grace-intro p a {
		font-size: 40px!important;
	}

	.home-products .col-md-3, .products-container .col-md-4, .corporate-gifting .col-md-3, .gallery .col-md-4 {
		width: 50%!important;
		float: left!important;
		/* display: inline-block!important; */
		margin: 0 auto!important;
	}

	.home-intro .container-fluid .col-md-4, .home-intro .container-fluid .col-md-4:nth-last-child(2), .home-intro .container-fluid .col-md-4:last-child {
		padding-left: 15px!important;
		padding-right: 15px!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}

	.home-category {
		margin-bottom:15px;
	}

	.home-category .overlay {
		padding-top:65%!important;
	}
	
	.products-container .clearfix {
		display: none!important;
	}

	.home-social-feed {
		text-align: center;
	}
	
	.home-products {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	
	.home-products h2, .home-social-feed h2 {
		font-size: 40px!important;
		margin-bottom: 20px!important;
	}

	.home-design-own .container {
		text-align: center;
		padding: 40px;
		border: 1px solid #000;
		margin-bottom: 4%;
		width: 710px;
	}

	.instagram-feed {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	.home-takealot {
		text-align: center;
	}
	
	.home-takealot img {
		width: 40%;
	}
	
	.home-explore .col-md-3 {
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.home-explore .col-md-3 img {
		width: 20%!important;
		padding-bottom: 15px;
	}
	
	.home-explore .explore-heading {
		width: 500px;
	}

	.new-about-payflex {
		margin: 100px 0px!important;
	}

	.product-header h1 {
		font-size: 35px!important;
	}

	.individual-product .product-price {
		margin: 20px 0!important;
	}

	.product {
		margin-bottom: 30px;
		padding: 0px!important;
	}

	.individual-product {
		margin-bottom: 30px;
		padding: 15px 0!important;
	}

	.individual-voucher-page .product.individual-product {
		padding: 20px 0!important;
	}

	.individual-voucher-page .individual-product .social-share {
		font-size: 18px;
		margin-top: 10px;
	}

	.products-container .product-details {
		width: 100%;
	}

	.products-container .product-image {
		position: relative;
		width: 100%;
		display: inline-block;
	}

	.individual-product .product-details {
		padding: 10px;
		position: relative;
		width: 50%;
		display: inline-block;
	}

	.cart-wishlist-div .btn-secondary {
		width: 130px!important;
	}
	
	.footer-logo {
		width: 100%!important;
	}

	.footer-logo img {
		width: 40%!important;
	}
	
	.payfast-footer, .payments-footer {
		width: 80%!important;
		margin: 10px;
	}
	
	.footer-upper .col-md-3 {
		width: 50%!important;
		float: left!important;
		margin-right: auto;
		margin-left: auto;
		min-height: 290px!important;
    	height: auto;
	}

	.footer-newsletter {
		width: 70%;
		margin: 0 auto;
	}
	
	.footer-lower .copyright {
		padding-bottom: 20px!important;
		padding-top: 20px!important;
	}

	.footer-links {
		padding-bottom: 15px!important;
	}

	.footer-links a {
		padding: 0 10px!important;
	}

	footer, .footer-links {
		text-align: center!important;
	}
	
	.footer-upper {
		padding-bottom: 0!important;
	}

	.footer-contact p, .footer-quicklinks p {
		width: 100%!important;
		margin-left: 0!important;
	}

	.footer-upper h2 {
		margin-top: 30px!important;
	}

	.about-image-1 {
		display: none;
	}

	.about-image-2 {
		width: 100%!important;
		margin-bottom: 30px;
	}

	.about-text-2 {
		margin-top: 0!important;
		text-align: left!important;
	}

	.about-image-3 {
		width: 100%!important;
		margin-top: 0!important;
	}

	.about-mini-cart.left.first, .about-mini-cart.right, .about-mini-cart.left.second {
		right: 0!important;
		left: 0!important;
		position: inherit!important;
		top: 0!important;
		margin-bottom: 40px;
		z-index: 99999!important;
	}

	.about-mini-cart.right {
		margin-top: 40px;
	}

	.about-mini-cart-img.left {
		margin-left: 0!important;
		margin-bottom: 40px!important;
	}

	.shop-sidebar {
		display: none;
	}

	.blog .post {
		margin-bottom: 30px;
	}

	.blog-sidebar {
		display: none;
	}
	
	.faq-header h1 {
    	font-size: 50px!important;
	}

	.page-header {
		min-height: 300px!important;
	}

	.page-header .overlay h1 {
		padding-top: 220px!important;
		font-size: 40px!important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#newsletterModal .modal-body h3 {
		vertical-align: middle;
		margin: 20% 20px 20px 0px!important;
	}

	#newsletterModal .modal-body p, #newsletterModal .modal-body .btn-primary {
		margin: 10px 20px 10px 0px!important;
	}

	.tab-hidden {
		display: none!important;
	}

	.tab-only {
		display: block!important;
	}

	.logo {
		padding-top: 5px;
		text-align: center;
	}

	.logo img {
		width: 100%;
		height: auto;
	}

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

	.navbar-default li a {
		padding-left: 8px!important;
		padding-right: 8px!important;
	}
	
	.topbar p {
		font-size: 14px;
	}
	
	.topbar i {
		font-size: 18px!important;
		margin-right: 5px!important;
	}

	.topbar-menu {
		justify-content: right!important;
		align-items: center!important;
		padding-right: 5%!important;
	}

	.topbar-menu li, .topbar-menu li {
		padding-left: 23px!important;
	}

	.dropdown-menu li {
		width: auto!important;
	}

	.topbar-menu {
		/* justify-content: space-between!important; */
		align-items: center!important;
		padding-left: 0!important;
		text-align: center!important;
	}
	
	.topbar-menu .open>.dropdown-menu {
		display: block!important;
		position: absolute;
		top: 95%;
		z-index: 99999;
		display: none;
		min-width: 300px;
		max-width: 300px;
		padding: 10px 15px;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 0;
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		right: -30px;
	}

	.topbar-menu .dropdown-menu.second-dropdown, .topbar-menu .dropdown-menu.second-dropdown .open>.dropdown-menu {
		position: relative;
		top: 95%;
		z-index: 99999;
		display: none;
		padding: 10px 5px;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 0;
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: none;
		/* min-width: 250px;
		max-width: 300px; */
		word-break: break-all;
	}

	.topbar-menu .dropdown-menu.second-dropdown, .dropdown-menu.submenu {
		max-height: none;
		overflow: auto;
		min-width: 260px;
		max-width: 260px;
		width: auto;
	}

	.topbar-menu .dropdown-menu.second-dropdown li a {
		line-height: normal;
		align-self: center;
		font-size: 15px;
		font-weight: 400;
		white-space: normal;
	}
	
	.topbar-menu .dropdown-menu.second-dropdown li {
		padding: 0!important;
		display: block;
	}

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

	.navbar-nav>li {
		float: none!important;
		display: inline-block!important;
		text-align: center!important;
	}

	.navbar-nav>li>a {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}

	.home-header-category.lrg-block {
		min-height: 300px!important;
		max-height: 300px!important;
	}

	.home-header-category {
		min-height: 200px!important;
		max-height: 200px!important;
	}

	.home-header-category .overlay {
		top: 74%!important;
	}

	.home-header-category .overlay p {
		font-size: 25px;
	}

	.promo-header {
		height: 300px!important;
	}
	
	.product-details .product-name {
		font-size: 14px!important;
	}

	form .btn-primary {
		width: 200px!important;
	}
	
	.ms-caption {
		top: 30%!important;
		left: 10%!important;
		text-align: center!important;
		right: 10%!important;
	}

	.slider-shopnow-btn {
		font-size: 45px!important;
		border-bottom: 5px solid #fff!important;
	}

	.spring-slide .ms-caption {
		top: 82%!important;
		left: 65%!important;
		text-align: center!important;
		right: 0%!important;
	}
	
	.home-intro {
		padding-top: 30px!important;
		padding-bottom: 0px!important;
	}
	
	.home-intro .samsara-intro p, .home-intro .samsara-intro p a, .home-intro .tora-grace-intro p {
		font-size: 40px!important;
		padding-top: 130px!important;
	}

	.home-category .overlay {
		padding-top: 65%!important;
	}
	
	.home-products h2 {
		margin-top: 0;
	}
	
	.product-details {
		min-height: 125px!important;
		height: auto;
	}
	
	.home-products {
		padding-bottom: 20px!important;
	}
	
	.home-social-feed {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	
	.home-social-feed h2 {
		font-size: 40px!important;
		margin-bottom: 20px!important;
	}

	.product-metal {
		display: block;
		width: 100%;
	}

	.img-preview {
		max-width: 46%!important;
		margin: 5px!important;
	}

	.individual-product .product-price {
		margin: 15px 0 15px 0!important;
	}

	.page-header {
		min-height: 250px!important;
	}

	.page-header .overlay h1 {
		padding-top: 180px!important;
		font-size: 40px!important;
	}

	.header-notice {
		padding: 20px 5%!important;
		font-size: 15px!important;
	}

	.about-mini-cart.left.first {
		right: -10%!important;
		left: 5%!important;
		top: 0px!important;
		padding: 20px 25px!important;
	}

	.about-mini-cart-img.left {
		margin-left: 10px!important;
	}

	.about-mini-cart.right {
		top: 47px!important;
		padding: 20px 25px;
		left: -15%!important;
	}

	.about-mini-cart.left.second {
		top: -20px!important;
		left: 5%!important;
		right: -15%!important;
		padding: 20px 25px!important;
	}

	.about-mini-cart h2 {
		margin-top: 0!important;
	}

	.new-about-payflex h2 {
		margin-top: 0;
	}
	
	.footer-lower {
		padding: 20px 0!important;
	}

	.payflex-header {
		padding-top: 150px!important;
		padding-bottom: 150px!important;
	}

	.about-payflex {
		margin-top: 0!important;
	}	

	.vertical-align-block {
		padding: 0px 0 0px 30px!important;
	}

	.step {
		min-height: 240px!important;
	}

	.new-about-payflex {
		margin: 100px 0!important;
	}

	.payflex-steps {
		margin-bottom: 100px!important;
	}

	.payfast-footer, .payments-footer {
		width: 100%!important;
		text-align: center;
	}

	.footer-logo img {
		text-align: center;
		width: 40%!important;
		margin-bottom: 5%;
	}

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

@media (min-width: 1200px) and (max-width: 1400px) {
	#newsletterModal .modal-body h3 {
		vertical-align: middle;
		margin: 20% 20px 20px 0px!important;
	}

	#newsletterModal .modal-body p, #newsletterModal .modal-body .btn-primary {
		margin: 10px 20px 10px 0px!important;
	}

	.tab-only {
		display: none!important;
	}

	.tab-hidden {
		display: block!important;
	}

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

	.navbar-nav>li {
		float: none!important;
		display: inline-block!important;
	}

	.navbar-nav>li>a {
		line-height: 10px!important;
	}

	.home-category .overlay {
		padding-top: 70%!important;
	}

	.home-header-category.lrg-block {
		min-height: 400px!important;
		max-height: 400px!important;
	}

	.home-header-category {
		min-height: 300px!important;
		max-height: 300px!important;
	}

	.home-header-category .overlay {
		top: 80%!important;
		text-align: left;
		left: 20px!important;
	}

	.promo-header {
		height: 400px!important;
	}

	.page-header {
		min-height: 300px!important;
	}

	.page-header .overlay h1 {
		padding-top: 200px!important;
		font-size: 45px!important;
	}

	.header-notice {
		padding: 20px 10%!important;
		font-size: 17px!important;
	}

	.about-mini-cart.right {
		right: 15px!important;
		left: -5%!important;
		top: 100px!important;
	}

	.about-mini-cart-img.left {
		margin-left: 15px!important;
	}

	.about-mini-cart.left.first {
		right: -10%!important;
		left: 5%!important;
		top: 70px!important;
	}

	.about-mini-cart.left.second {
		right: -10%!important;
		left: 5%!important;
		top: 50px!important;
	}

	.about-payflex {
		margin-top: 0!important;
	}

	/* .img-preview {
		max-width: 98px!important;
	} */

	.footer-lower {
		padding: 20px 0!important;
	}

	.payfast-footer, .payments-footer {
		width: 100%!important;
	}
}

@media (min-width: 1440px) and (max-width: 1600px) {
	#newsletterModal .modal-body h3 {
		vertical-align: middle;
		margin: 20% 20px 20px 0px!important;
	}

	#newsletterModal .modal-body p, #newsletterModal .modal-body .btn-primary {
		margin: 10px 20px 10px 0px!important;
	}

	.tab-only {
		display: none!important;
	}

	.tab-hidden {
		display: block!important;
	}

	.home-header-category .overlay {
		top: 83%!important;
	}	

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

	.navbar-nav>li {
		float: none!important;
		display: inline-block!important;
	}

	.navbar-nav>li>a {
		line-height: 10px!important;
	}

	.home-design-own .container {
		margin: 0 0.5% 40px 9.5%!important;
	}

	.page-header .overlay h1 {
		font-size: 45px;
	}
}

@media (min-width: 1291px) and (max-width: 1600px), (min-height: 650px) and (max-height: 700px) and (orientation: landscape) {
	.header-notice {
		padding: 20px 10%!important;
		font-size: 17px!important;
	}

	.promo-header {
		height: 500px!important;
	}
}

@media (min-width: 2500px) and (max-width: 3000px) {
	.promo-header {
		height: 900px!important;
	}
}