/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

	.hidden {
		display: none;
	}

	.recipe-image {
		background-position: bottom , center !important;
	}
	.event-image {
		background-position: bottom , center !important;
	}
	.page-content {
		float: none;
		overflow: visible;
		background: none;
		padding: 0;
	}
	.page-content-container {
		float: left;
		background: rgba(255,255,255,0.5);
		padding: 20px;
		width: 100%;
	}
	.slider-recipe li.recipe > div:first-child {
		background-position: center !important;
	}
	.small-screen {
		display: none;
	}
	.recipes-list .recipe-informations .btn {
		display: none;
	}
	.events-list .event-informations .btn {
		display: none;
	}
	.ninja-forms-form-wrap * {
		font-size: 1.6rem;
	}
	.ninja-forms-form-wrap input, .ninja-forms-form-wrap textarea {
	    border: 0;
	    padding: 15px;
	    border-radius: 5px;
	    box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
	.ninja-forms-required-items {
		font-size: 1.4rem;
		margin: 20px 0;
	}
	.ninja-forms-form-wrap input[type="submit"] {
		background: #f36b22;
		color: #fff;
		box-shadow: none;
	}
	.header .btn-order {
	    display: inline-block;
	    vertical-align: top;
	    float: right;
	    margin-top: 30px;
	    margin-bottom: 20px;
	}
	.products-list .product-hover h2 {
	    font-size: 1.3rem;
	    margin-bottom: 15px;
	}
	.products-list .product-hover .composition {
		font-size: 1.3rem;
	}
	.recipes-list li.recipe h1 {
		font-size: 2.0rem;
	}
	.recipes-list .used-products {
	    margin-top: 5px;
	}
	.recipes-list .used-products li a {
		font-size: 1.7rem;
	}
	/*qui suis je ?*/
	.my-content .who-i-am {
		font-size: 1.8rem;
	}
	.my-content .who-image {
		float: left;
		width: 275px;
	}
	@media screen and (max-width: 639px) {
		.my-content .who-image {
			float: none;
		}
	}
	.slider-recipe .recipe .description h2 {
		font-size: 2rem;
	}
	.page-content .testimonial-content {
		padding-top: 50px;
		padding-right: 120px;
		padding-left: 120px;
	}
	.page-content .testimonial-content p {
		font-size: 2.2rem;
	}

@media only screen and (max-width:1279px) {
	aside.sidebar {
		margin-bottom: 10px;
	}
	.page-content {
		width: 1024px;
	}
	.page-container header .bg-title {
		margin-left: 5%;
	}
	.width-50 {
		width: 472px;
	}

	/*LES POUDRES*/
	.products-list {
		width: 689px;
	}
	.products-list li.product {
		width: 324px;
	}

	/*Les recettes*/
	.recipes-list {
		width: 689px;
	}
	.recipes-list .used-products {
	    margin-top: 10px;
	}
	.recipes-list li.recipe h1 {
	    font-size: 2.0rem;
	    margin: 10px 0;
	}
	.recipes-list .used-products li a {
	    font-size: 1.4rem;
	}

	/*Les evenements*/
	.events-list {
		width: 689px;
	}
	.events-list li.event h1 {
	    font-size: 2.0rem;
	    margin: 10px 0;
	}

	/*Page produit*/
	.product-page .other-products li {
		width: 47.8%;
	}
	.product-page .other-products li .product-image {
		height: 170px;
	}
	.comment-form textarea {
		width: 100%;
	}
	/*Page recette*/
	.recipe-page .column-1 {
		width: 30%;
	}
	.recipe-page .column-2 {
		width: 70%;
	}
	.recipe-page .recipe-image {
		width: 64%;
		height: 200px
	}
	.recipe-page .recipe-image img {
		margin-top: -5%;
    	display: inline-block;
	}
	.recipe-page .share-block {
		width: 30%;
		height: 200px;
		background: #5daee1;
	}
	.recipe-page .recipe-step-by-step {
		width: 670px;
	}
	.recipe-page .comments-block {
		width: 664px;
	}

	.event-page .column-1 {
	    float: left;
	    width: 30%;
	}
	.event-page .column-2 {
	    float: right;
	    width: 70%;
	}
	.event-page .event-informations-in {
	    width: 670px;
	}
	.product-tips {
		padding: 35px 50px 40px 120px;
	    background-position: 25px 50px;
	    min-height: 280px;
	    background-size: 20%;
	}

}
@media only screen and (max-width:1023px) {
	
	.page-content {
		width: 770px;
	}

	/*Les poudres*/
	aside.sidebar {
		width: 100%;
    	margin: 0;
	}
	aside.sidebar > section {
	    margin-bottom: 30px;
	    width: 50%;
	    float: left;
	    padding: 0 30px;
	}
	section.how-buy {
		display: none;
	}
	section.more ul {
		margin-top: 20px;
	}
	aside.sidebar .link-block-recipes {
	    background: url('/wp-content/themes/html5blank-child/img/aside-link-block-recipes.jpg') no-repeat;
	}
	aside.sidebar .link-block {
	    width: 50%;
	    margin: 0 auto;
	    height: auto;
	    padding: 6px;
	    background-size: 100%;
	    float: left;
	}
	aside.sidebar .link-block a {
	    font-size: 1.4rem;
	    height: 100%;
	    width: 100%;
	    display: table;
	    padding: 24px 0;
	}
	aside.sidebar .link-block a span {
		padding: 12px 0;
	}

	.products-list {
		width: 100%;
	    text-align: center;
	    padding: 0 20px;
	}
	aside.sidebar .ladybug {
		display: none;
	}
	.recipes-list {
		width: 100%;
	}
	.recipes-list li.recipe {
		margin-left: 0;
		margin-right: 0;
	}
	.events-list {
		width: 100%;
	}
	.events-list li.event {
		margin-left: 0;
		margin-right: 0;
	}
	#news .recipe .description .btn {
	    bottom: -24px;
	}
	.detail-container .pastille-small {
	    position: absolute;
	    top: -112px;
	    right: 0;
	    width: 62%;
	}
	.page-content .column-2 {
	    padding-left: 8px;
	}
	.page-content .column-2 > section {
	    float: left;
	    margin-bottom: 20px;
	    width: 100%;
	    margin: 0 0 20px;
	}
	.page-content .column-1 {
	    padding-right: 8px;
	}
	.page-content .column-1 > section {
	    float: left;
	    margin-bottom: 20px;
	    width: 100%;
	    margin: 0 0 20px;
	}
	.product-tips {
		padding: 30px 20px;
		background: #74c043;
	}
	.slider-recipe {

	}
	.recipe-slider {
		height: 360px;
	}
	.slider-recipe li.recipe {
		height: 320px;
	}
	.slider-recipe li.recipe > div:first-child {
		background-position: center !important;
		padding-top: 90px !important;
	}
	.slider-recipe .recipe .description-background {
		background: url('/wp-content/themes/html5blank-child/img/crossword-transparent.png');
	}
	.slider-recipe .recipe .description h2 {
		font-size: 2.0rem;
	}
	.product-page .other-products li {
	    width: 46.8%;
	}
	.product-page .other-products li .product-image {
	    height: 121px;
	}
	.slider-product {
	    height: 390px;
	}
	.slider-product li .product-image {
		height: 170px;
		overflow: hidden;
	}
	.used-products h3, .recipe-container h1.recipe-title, .product-page .recipes-block h1, .other-products>h1 {
		font-size: 2.0rem;
	}
	.recipe-page .recipe-image {
		height: 268px;
	}
	.recipe-page .share-block {
		height: 133px;
	}
	.page-container header h2 {
		max-width: 80%;
	}
	.page-content .testimonial-content {
		padding-top: 50px;
		padding-right: 50px;
		padding-left: 50px;
	}

}
@media only screen and (max-width:767px) {
	/*PAGE RECETTES*/
	.recipes-list {
		float: none;
		padding: 0;
		width: 100%;
	}
	.recipes-list li.recipe {
		margin-left: 0;
	    margin-right: 0;
	}
	.page-content {
		width: 100%;
	}
	aside.sidebar .more {
		display: none;
	}
	.products-list li.product {
	    width: 48%;
	    margin: 0 1% 20px;
	    height: auto;
	}
	.products-list li .product-image {
		height: auto;
	}
	.page-container header h1 {
		font-size: 3.6rem;
	}
	.page-container header {
	    padding: 0 0 12px;
	}
	.recipes-list .used-products {
		display: none;
	}
	.recipes-list li.recipe h1 {
		font-size: 1.6rem;
	}
	.recipes-list .informations p {
		font-size: 1.2rem;
		line-height: 20px;
	}
	.recipes-list li.recipe > article, .recipes-list li.recipe > .recipe-image {
		height: 190px;
	}
	.btn-orange {
		font-size: 1.4rem;
	}
	.recipes-list .recipe-image .btn {
	    margin-left: -91px;
	}
	.events-list li.event h1 {
		font-size: 1.6rem;
	}
	.event-informations p {
		font-size: 1.2rem;
		line-height: 18px;
	}
	.event-informations .event-address {
		font-size: 1.2rem;
		margin-top: 5px;
	}
	aside.sidebar > section {
		width: 100%;
	}
	.small-screen {
		display: block;
	}
	.big-screen {
		display: none;
	}
	.product-page .column-1 {
		width: 100%;
		padding: 20px 30px;
	}
	.page-content-container{
		padding: 0;
	}
	.product-tips {
		margin-bottom: 56px !important;
	}

	.slider-recipe .recipe .description {
	    padding: 25px 7px;
	}
	.product-page .other-products li {
	    width: 100%;
	    margin: 0 0 20px;
	}
	.product-page .other-products li .product-image {
		height: auto;
	}
	.detail-container .pastille-small {
	    position: absolute;
	    top: -208px;
	    right: 2%;
	    width: 54%;
	}

	.recipe-page .small-screen {
		display: block;
	}
	.recipe-page .big-screen {
		display: none;
	}
	.recipe-page .column-1{
		width: 100%;
		padding: 30px;
	}
	.recipe-informations .content {
		word-wrap: break-word;
		word-break: normal;
	}

	.event-page .column-1 {
		width: 100%;
		padding: 20px;
	}
	.event-page .page-content .share-block {
		background: #5daee1;
		height: 160px;
		margin-bottom: 50px !important;
	}
	.recipe-page .recipe-image img {
		width: 100%;
	}
	.page-content-container {
		padding: 20px;
	}
	.page-content .testimonial-content {
		padding-top: 50px;
		padding-right: 30px;
		padding-left: 30px;
	}

}
@media only screen and (max-width:479px) {
	/*PAGE POUDRES*/
	.page-container header {
		padding: 0;
	}
	.page-container header .bg-title {
		transform: none;
		margin-left: 0;
	}
	.page-container header h1 {
		width: 100%;
		margin-bottom: 0;
	}

	aside.sidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	aside.sidebar .how-buy {
		display: none;
	}
	aside.sidebar .more {
		display: none;
	}
	.products-list {
	    float: none;
	    width: 225px;
	    margin: 0 auto;
	    width: 100%;
	}
	.products-list li.product {
	    float: left;
	    margin: 0 auto;
	    margin-bottom: 20px;
	    width: 100%;
	}
	/*PAGE RECETTES*/
	.recipes-list {
		float: none;
		padding: 0;
		width: 100%;
	}
	.recipes-list li.recipe {
		margin-left: 0;
	    margin-right: 0;
	}
	.recipes-list li.recipe > article {
	    height: 190px;
	    width: 100%;
	    padding: 0;
	}
	.recipes-list li.recipe > .recipe-image {
	    display: none;
	}
	.recipes-list li.recipe h1 {
	    font-size: 2.2rem;
	    padding: 10px 20px 5px;
	}
	.recipes-list .informations {
	    padding: 10px 20px;
	}
	.recipes-list .informations p {
	    font-size: 1.8rem;
	    line-height: 28px;
	}
	.recipes-list .recipe-informations .btn {
	    position: relative;
	    z-index: 1;
	    text-align: center;
	    margin-top: 14px;
	    margin-bottom: 20px;
	    display: block;
	}
	.recipes-list li.recipe > article {
		min-height: 260px;
		max-height: none;
		height: auto;
	}
	/* Evenements*/
	.events-list {
		float: none;
		padding: 0;
		width: 100%;
	}
	.events-list li.event {
		margin-left: 0;
	    margin-right: 0;
	}
	.events-list li.event > article {
	    height: 190px;
	    width: 100%;
	    padding: 0;
	}
	.events-list li.event > .event-image {
	    display: none;
	}
	.events-list li.event h1 {
	    font-size: 2.2rem;
	    padding: 10px 20px 5px;
	}
	.events-list .informations {
	    padding: 10px 20px;
	}
	.events-list .informations p {
	    font-size: 1.8rem;
	    line-height: 28px;
	}
	.events-list .event-informations .btn {
	    position: relative;
	    z-index: 1;
	    text-align: center;
	    margin-top: 14px;
	    margin-bottom: 20px;
	    display: block;
	}
	.events-list li.event > article {
		min-height: 260px;
		max-height: none;
		height: auto;
	}
	.event-informations .event-address {
	    font-size: 1.4rem;
	    margin-top: 5px;
	    padding: 0 20px;
	}
	.events-list li.event > article {
	}
	.page-container header h2 {
	    max-width: 100%;
	    font-size: 1.8rem;
	    margin: 0;
	    width: 100%;
	}
	.page-container header h1 {
	    width: 100%;
	    margin-bottom: 0;
	    font-size: 2.2rem;
	}
	.detail-container .pastille-small {
		display: none;
	}
	.small-screen {
		display: block;
	}
	.big-screen {
		display: none;
	}
	.product-page .column-1 {
		width: 100%;
		padding: 20px 30px;
	}
	.page-content-container{
		padding: 0;
	}
	.product-tips {
		margin-bottom: 56px !important;
	}

	.slider-recipe .recipe .description {
	    padding: 25px 7px;
	}
	.product-page .other-products li {
	    width: 100%;
	    margin: 0 0 20px;
	}
	.product-page .other-products li .product-image {
		height: auto;
	}
	.product-detail h1 {
		font-size: 2.4rem;
	}
	.detail-container {
		padding: 20px;
	}
	.comments .comment p {
		overflow: scroll;
	}

	/*RECETTE*/
	.recipe-page .column-1 {
	    width: 100%;
	    padding: 20px;
	}
	.recipe-page .recipe-image {
		height: auto;
	}
	.recipe-page .ingredients-block {
		margin-bottom: 50px;
	}

	.events-list-page .events-list {
		padding: 20px;
	}
	.recipes-list-page .recipes-list {
		padding: 20px;
	}
	.page-content .testimonial-content {
		padding-top: 50px;
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media only screen and (max-width:479px) {
	.header .btn-order{
		font-size: 1.2rem;
	}
	.icon-basket {
		padding-left: 20px;
		padding-right: 20px;
		background: #f36b22;
	}

}