/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.html_header_top.html_header_sticky #header {
		position: fixed!important;
	}
	.responsive #top header .logo {
		height: auto!important;
	}
	.responsive #top header .logo img {
		max-height: 60px!important;
	}
	.responsive #top #wrap_all header .main_menu {
		top: -10px;
	}
	.responsive #top #header_main .container {
		height: auto !important;
		min-height: 40px;
		padding-top: 5px!important;
	}
	.responsive #top #wrap_all #main {
		padding-top: 90px !important;
	}

	body.archive ul.products {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

	}
}

li.products-row-cta {
	display: none;
	cursor: pointer;
}

@media (max-width: 479px) {
	li.products-row-cta {
		display: block;
		width: 100%!important;
		margin: 0 0 20px!important;
		background: #b30706;
		text-align: center;
		color: white;
		padding: 10px 5px!important;
		border-radius: 5px!important;
		font-weight: bold;
	}
}