.hide-medium, .hide-small {
	display: block;
}

.show-small, .show-medium {
	display: none !important;
}

@media screen and (max-width: 900px) {
	.hide-medium {
		display: none !important;
	}
	.show-medium {
		display: block !important;
	}
	.show-medium.inline {
		display: inline-block !important;
	}
	.container {
		top: -10px;
		width: 98%;
	}
	h1{
		margin-left: 5px;
	}

	#btn-mobile {
		display: block;
		padding: 10px !important;
	}

	#menuMain {
		position: fixed;
		display: none;
		top: 0;
		bottom: 0;
		right: 0;
		width: 280px;
		padding: 60px 0 0 0;
		z-index: 2000;
	}

	#menuMain li {
		display: block;
		text-align: left;
		padding: 8px 20px;
		margin: 0;
	}

	#menuMain li:after {
		content: "";
		margin: 0;
	}

	#menuMain li ul {
		position: relative;
		display: block;
		padding: 0;
		margin: 0 0 0 10px;
	}

	#menuMain li ul li {
		display: block;
		padding: 5px 20px;
		margin: 0;
		text-align: left;
	}

	#menuMain li ul li:after {
		content: '';
		margin: 0;
	}

	#menuMain li ul li a {
		font-size: 16px;
	}

	#menu-search {
		display: none;
		position: absolute;
		margin-top: -90px !important;
		padding: 10px;
		margin: 0;
		width: 100%;
		background-color: #000;
	}
	#menu-search h3 {
		color: #fff;
	}
	#menu-search .searchbar {
		position: absolute;
		left: 10px;
		right: 60px;
	}
	#menu-search h3 {
		position: relative;
		margin-top: 55px;
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 600px) {
	#btn-search {
		margin-top: -5px;
		font-size: 30px;
	}
}
@media screen and (min-width: 550px) and (max-width: 900px) {
	#product-panel {
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width: 400px) {
	.hide-small {
		display: none !important;
	}
	.show-small {
		display: block !important;
	}
	#circulaire-shop {
		/*position: absolute;*/
		margin-top: 10px;
		/*left: calc(50% - 560px);*/
	    width: 95%;
	    height: inherit;
	    z-index: 1;
	}
	#menu ul li {
	    margin-left: 0px;
	    margin-right: 25px;
	}
	#btn-search {
		margin-right: 5px;
	}
	#menu-search h3 {
		margin-top: 45px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 300px) {
	#menu ul li {
	    margin-left: 0px;
	    margin-right: 15px;
	}
}
