﻿@media (max-width: 1100px) {
	.timeless-luxurios .box h2 {
		padding-top: 0;
	}

	.ingredient-section.section-1 .text-block {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.ingredient-section.argan-oil .text-block {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
}

@media (max-width: 991px) {
	.header-top .locales {
		text-align: left;
	}

		.header-top .locales .dropdown-menu {
			right: auto;
			left: 0;
		}

	.top-banner .navbar .navbar-nav li a {
		padding-left: 35px;
	}

	.timeless-luxurios {
		margin-top: 0px;
	}

		.timeless-luxurios .box h2 {
			padding: 30px 20px;
		}

	.content-section .box {
		padding: 30px 10px 10px 10px;
	}

		.content-section .box h2 {
			padding: 0px 10px 30px 10px;
		}

	.amber-ignites .text-block {
		position: relative;
		margin-top: 10px;
		padding: 30px 0;
	}

		.amber-ignites .text-block .block {
			line-height: 20px;
			font-size: 30px;
			padding-bottom: 5px;
			padding-top: 5px;
		}

	.ingredient-section.section-1 .text-block {
		margin-bottom: 0 !important;
	}

	.ingredient-section .text-block {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
	}

	.ingredient-section.argan-oil .text-block {
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		right: 0;
	}

	.payment-item .action {
		text-align: left !important;
	}

	.payment-item .expDate, .payment-item .action {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.header-top .mobile .locales {
		text-align: center;
	}
}

@media (min-width: 768px){
	.mobile-menu{
		display: none!important;
	}
	.desktop-menu {
		display: block !important;
	}
}

@media (max-width: 768px) {
	.mobile-menu {
		display: block !important;
	}

	.desktop-menu {
		display: none !important;
	}

   /*.DefaultBackground-greeting h1{
      font-size: 5rem!important;
      letter-spacing: 3px;
   }
   .DefaultBackground-greeting p {
      font-size: 2.5rem!important;
   }
   .top-banner .navbar .navbar-nav li a{
      padding-right: 18px;
   }
   .DesktopHeader-menu li a {
      font-size: 1.1em!important;
   }
   .DesktopHeader-logo {
      flex: 0 0 136px;
   }
   .Footer-socials{
   }
   .Footer-socials img {
      height: 60px;
   }
   .Footer-menu li a:after{
      content:none;
   }*/
}

@media (max-width: 490px) {
	.header-text {
		font-size: 30px;
		margin-top: 10px;
	}

	.top-banner .banner_text h1 {
		font-size: 45px;
	}

	.top-banner .banner_text .lead-text {
		font-size: 25px;
	}

	.mb-nav {
		padding-right: 0;
	}

	.timeless-luxurios .box h2, .content-section .box h2 {
		font-size: 20px;
	}

	.amber-ignites .text-block .block {
		font-size: 25px;
	}

	.ingredient-section.section-1 .text-block {
		margin-bottom: 0 !important;
	}

	.ingredient-section .text-block {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
	}

	.ingredient-section.argan-oil .text-block {
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		right: 0;
	}

	.ingredient-section.argan-oil .text-block {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

   
}

@media only screen and (max-width : 400px) {

	.logo-img {
		margin-top: 10px; min-width: 100px;
	}
}


@media only screen and (min-width : 768px) {
	.is-table-row {
		display: table;
	}
	.is-table-row [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}

	.header-top .locales {
		text-align: right;
	}

		.header-top .locales .dropdown-menu {
			right: 0;
			left: auto;
		}

	.top-banner .navbar .navbar-nav li a {
		padding-left: 0;
	}
   
}
