@media all and (max-width: 1224px) {

	.contain {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.row {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.banner-cta {
	    width: 100%;
	    padding: 0 1rem;
	    left: 0;
	    right: 0;
	}

	.banner-features {
		padding: 0 1rem;
	}

	.main-banner::after {
		background-size: 800px;
	}

	.banner-cta h1 {
		font-size: 3rem;
	}

	.banner-cta .btn {
		font-weight: bold;
	}

	.preview-title {
		font-size: 1.25rem;
	}

	.preview-price span {
		font-size: 1.5rem;
	}

	.intro,
	.intro.reverse {
	    padding: initial;
	    background-image: none;
	}

	.intro-content {
		margin-bottom: 0;
	}

	.intro-content .btn {
		float: none;
	}

	.intro-content + .btn {
		margin: 2rem 0 0 0;
	}

	.home-features {
		flex-wrap: wrap;
		margin-bottom: -2rem;
	}

	.home-feature {
		flex: 0 0 50%;
		margin-bottom: 2rem;
	}

	.preview {
	    width: 49%;
	    margin-right: 2%;
	    margin-bottom: 1.5rem;
	}

	.preview:nth-of-type(3n) {
		margin-right: 2%;
	}

	.preview:nth-of-type(2n) {
		margin-right: 0;
	}

	.footer-box,
	.footer-box.wide,
	.footer-box.wider {
		flex: 0 0 100%;
		margin-top: 2rem;
	}

	.footer-box:first-of-type {
		margin-top: 0;
	}

	.footer-box-title {
    	margin-bottom: 1rem;
	}

	.cart-product-details {
        flex-wrap: wrap;
    	flex-direction: column;
    	padding-right: 0;
	}

	.cart-db-details {
		flex: 0 0 100%;
	}

	.cart-cart-details {
	    justify-content: flex-start;
	    margin-top: 1rem;
	}

	.cart-cart-details > * {
		margin-right: 1rem;
	}

}

@media all and (max-width: 1060px) {
	
	.noMob{display:none;}

	#cookie-bar {
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    right: 0;
	    padding: .5rem;
	    border-radius: 0;
	    line-height: 1;
	}

	#cookie-bar p {
		font-size: .8rem;
		line-height: 1.5;
		display: inline-block;
		text-align: center;
	}

	#cookie-bar .cb-enable {
		display: inline;
		padding: 2px 4px;
		margin-left: 3px;
		text-transform: initial;
		font-weight: normal;
	}

	.logo {
		width: 100px;
	}

	.header-cart {
		display: none !important;
		visibility: hidden !important;
		z-index: -20 !important;
	}

	.no-mobile {
		display: none;
	}

	.multiple .form-object {
		width: 100%;
		float: none;
		margin-bottom: 1rem;
		padding: 0;
	}

	.multiple .form-object:last-of-type {
		margin-bottom: 0;
	}

	.cart-section-box {
	    float: none !important;
	    width: 100%;
	    margin: 0 auto;
	    margin-bottom: 2rem;
	}

	.cart-section-box:last-of-type {
		margin-bottom: 0;
	}

	.cart-totals-box,
	.cart-coupon-box,
	.payment-action {
		width: 100% !important;
	}

	.footer-legals .flex {
	    flex-direction: column;
	    line-height: 1.2;
	    text-align: center;
	}

	.footer-legals .flex > span {
		margin-bottom: .5rem;
	}

	.footer-legals .flex > span:last-of-type {
		margin-bottom: 0;
	}

	.top-header .contain {
		padding: 0;
		text-align: center;
	}

	.top-header .contain > .flex {
	    flex-direction: column;
	}

	.top-header .contain > .flex > div {
		margin-bottom: .75rem;
		line-height: 1.2;
	}

	.top-header .contain > .flex > div:last-of-type {
		margin-bottom: 0;
	}

	.product-main {
		flex-wrap: wrap;
	}

	.product-images {
	    flex: initial;
	    padding: 0;
	    margin-bottom: 3rem;
	    width: 100%;
	}

	.product-cover {
		width: 600px;
		max-width: 100%;
		margin: 0 auto;
	}

	.product-body {
	    flex: 0 0 100%;
	}

	.product-gallery {
	    border: 0;
	    margin: 0;
	    padding: 0;
	    justify-content: center;
	}

	.product-section.product-category-description {
		flex-wrap: wrap;
	}

	.product-category-image {
		flex: 0 0 100%;
	}

	.product-category-main {
	    padding: 0;
	    margin-bottom: 2rem;
	}

	.product-bar-form {
		display: none !important;
	}

	.product-banner {
		display: none;
	}

	.main-banner::after {
		display: none;
	}

	.main-banner {
		height: initial;
	    padding: 5rem 0;
	}

	.banner-cta {
	    text-align: center;
	    position: initial;
	}

	.banner-features {
		position: initial;
	    margin-top: 3rem;
	}

	.banner-features {
	    flex-direction: column;
	}

	.banner-feature {
	    padding-top: 2rem;
	    margin-bottom: 2rem;
	}

	.banner-feature:last-of-type {
		margin-bottom: 0;
	}

}

@media all and (max-width: 710px) {

	.desktop-menu {
		display: none;
	}

	.mobile-menu {
	    display: block;
	    visibility: initial;
	    width: 100%;
	    background: #fff;
	    transition: all .3s ease-in-out;
	    box-shadow: 0 10px 10px -5px rgba(0,0,0,.5);
	}

	.mobile-menu.sticky {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 210;
	}

	.mobile-menu-wrapper {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: space-between;
	}

	.mobile-logo {
		width: 100px;
		margin: .5rem;
	}

	.mobile-nav-trigger {
	    margin: .5rem;
	    cursor: pointer;
	    display: flex;
	    align-items: center;
	    color: #1f1f20;
	}

	.menu-trigger-label {
	    margin-right: .5rem;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: .9rem;
	}

	.menu-trigger-icon {
		position: relative;
		width: 28px;
		background: #1f1f20;
		height: 3px
	}

	.menu-trigger-icon::before,
	.menu-trigger-icon::after {
	    content: '';
	    position: absolute;
	    transition: all .3s ease-in-out;
	    width: 100%;
	    left: 0;
	    height: 100%;
	    background: inherit;
	}

	.menu-trigger-icon::before {
    	top: -8px;
	}

	.menu-trigger-icon::after {
    	bottom: -8px;
	}

	.toggled .menu-trigger-icon::before,
	.toggled .menu-trigger-icon::after {
	}

	.toggled .menu-trigger-icon::before {
		top: 0;
	}

	.toggled .menu-trigger-icon::after {
		bottom: 0;
	}

	.mobile-nav {
	    position: absolute;
	    width: 100%;
	    padding-top: .5rem;
	    padding-bottom: .5rem;
	    text-align: right;
	    background: #1f1f20;
		opacity: 0;
		z-index: -1;
	    transform: translateY(-100%);
	}

	.toggled .mobile-nav {
		padding-top: .5rem;
		padding-bottom: .5rem;
	 	opacity: 1;
 	    transform: translateY(0);
		z-index: 200;
	}

	.mobile-nav-li {

	}

	.mobile-nav-link {
	    display: block;
	    color: #fff;
	    padding: .75rem .5rem;
	    text-transform: capitalize;
	    font-size: .9rem;
	    font-weight: bold;
	    border-bottom: 1px solid #000;
	    letter-spacing: 1px;
	}

	.mobile-nav-li:last-of-type .mobile-nav-link {
		border-bottom: 0;
	}

	.contact-row {
		flex: 0 0 100%;
		margin: 0 auto 1.5rem;
	}

	.contact-row:last-of-type {
		margin-bottom: 0;
	}

	.cart-user-section {
		flex: 0 0 100%;
		margin-bottom: 2rem;
	}

	.cart-user-section + .btns-wrapper {
		margin-top: 0;
	}

	.row-title .main {
		font-size: 2rem;
	}

	.cart-product-image {
		display: none;
	}

	.cart-product-details {
		padding: 0;
	}

	.cart-product {
		flex-wrap: wrap;
	}

	.cart-product-actions {
		flex: 0 0 100%;
		text-align: right;
	}

	.form-actions {
		flex-wrap: wrap;
	}

	.form-actions > p {
	    flex: 0 0 100%;
	    text-align: left;
	    margin-top: 1rem;
	}

	.product-certificates img {
	    height: 60px;
	    margin: 0 .5rem;
	}

	.product-section {
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}

	.product-form {
		padding: 1.5rem;
	}

	.product-action span {
		font-size: 1rem;
	}

	.product-action .icon {
	    width: 1.5rem;
	    height: 1.5rem;
	}

	.top-help-link {
		margin-right: .5rem;
	    font-size: .8rem;
	    font-weight: bold;
	}

	.top-infos > p {
	    font-size: .8rem;
	    font-weight: bold;
	}

	.list-products {
		margin-bottom: 0;
	}

	.preview {
		float: none;
		width: 500px;
		max-width: 100%;
	    margin: 0 auto 2rem;
	}

	.preview:nth-of-type(2n),
	.preview:nth-of-type(3n) {
	    margin: 0 auto 2rem;
	}

	.preview:last-of-type {
		margin-bottom: 0;
	}

	.preview-title {
	    height: initial;
	    font-weight: bold;
	}

	.preview-image {
		background-size: contain;
	}

	.grid-row {
		flex-wrap: wrap;
	}

	.grid-row:not(:last-of-type) {
		margin-bottom: 6px;
	}

	.grid-box {
		margin-bottom: 6px;
		border: 0;
	}

	.grid-box-content {
		opacity: 1;
	}

	.grid-box:last-of-type {
		margin-bottom: 0;
	}

	.banner-cta h1 {
		font-size: 2.5rem;
	}

	.banner-cta .btn {
		padding: 1rem;
		font-size: 1rem;
	}

	.banner-features,
	.banner-cta {
		padding: 0;
	}

}

@media all and (max-width: 500px) {

	.product-added-content .btns-wrapper .btn {
	    display: block;
	    width: 100%;
	    margin: .25rem 0;
	}

	.testimonial > figure {
		bottom: .85rem;
	}

	.testimonial-rating {
	    right: initial;
	    left: 100px;
	    bottom: 1.5rem;
	}

	.banner-cta h1 {
	    font-size: 2rem;
	    line-height: 1.4;
	    margin-top: -1rem;
	}

	.summary-ps-box {
		flex-direction: column;
		text-align: center;
	}

	.summary-ps-box .image {
		margin: 0 0 .5rem;
	}

	.cc-row > div {
	    width: 100%;
	    float: none !important;
	    margin-bottom: 1rem;
	    padding: 0;
	}

	.cc-row > div:last-of-type {
		margin-bottom: 0;
	}

	.cart-cart-details {
	    flex-direction: column;
		align-items: flex-end;
	}

	.cart-cart-details > * {
		margin: 0 0 .5rem 0;
	}

	.user-start-form-wrapper:not(:last-of-type) {
	    margin-bottom: 2rem;
	    padding-bottom: 2rem;
	    border-bottom: 1px solid #0003;
	}

	.user-form {
		padding: 0;
		border: 0;
		background: none;
	}

	.cart-actions {
	    flex-direction: column;
	    flex-wrap: wrap;
	}

	.cart-action-btn {
	    margin-bottom: .5rem;
	    width: 100%;
	    text-align: center;
	}

	.cart-action-btn:last-of-type {
		margin-bottom: 0;
	}

	.preview-details {
		flex-direction: column;
	}

	.preview-price {
		margin-top: 1rem;
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
	}

	.home-features {
		flex-direction: column;
		margin-bottom: 0;
	}

	.home-feature {
	    flex: 0 0 100%;
	    margin-bottom: 2rem;
	    width: 100%;
	}

	.home-feature:last-of-type {
		margin-bottom: 0;
	}

	.product-action span {
	    display: block;
	    margin: 0 0 .5rem;
	}

}

@media all and (max-width: 350px) {

	.mobile-logo {
		width: 80px;
	}

	.menu-trigger-label {
		font-size: .8rem;
	}

	.menu-trigger-icon {
		width: 25px;
		height: 2px;
	}

}









