/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

@media screen and (max-width: 991px) {


	h1 {
		font-size: 2.25em;
	}
	
	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.75em;
	}
	
	p {
		font-size: 1.1em;
	}
	
	.banner__wrapper p.catchphrase {
		font-size: 2.5rem;
		line-height: .75;
	}
	
	.banner__wrapper .catchphrase__wrapper {
		padding-bottom: 1rem;
		padding-top: 0rem;
		text-align: center;
	}
	
	.assortment__wrapper .intro__block p {
		font-size: 1.05em;
	}
	
	.topbar ul li {
		padding-left: 10px;
		padding-right: 10px;
	}	

	.topbar ul li a {
		font-size: 15px;
		vertical-align: top;
	}
	
	header section.navigation img {
		height: 70px;
	}	
	
	header h4 {
		font-size: 1.25em;
	}
	
	.intro__wrapper .content {
		padding: 30px;
		max-width: none;
	}	
	
	.identifier h3 {
		font-size: 1.5em;
	}
	
	.column__wrapper h2 {
		font-size: 2em;
	}
	.column__wrapper p {
		font-size: 1.25em;
	}
	
	.history_item div.content h3 {
		font-size: 1.25em;
		height: 50px;
	}
	.history_wrapper .history-column-right {
		margin-top: 0px;
	}
	.history_item {
		margin-bottom: 50px;
	}
	
	.banner__wrapper img {
		height: 85px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper .carousel-control-next, .carousel-control-prev {
		top: 40%;
	}
	
	.contentblock_alinea .outer-circle {
		height: 300px;
		width: 300px;
	}
	.contentblock_alinea .inner-circle {
		height: 200px;
		width: 200px;
	}
	.contentblock_alinea .inside-content {
		height: 100px;
		width: 100px;
	}
	.contentblock_alinea i {
		font-size: 3em;
	}
	
	.splide__slide {
		width: 100% !important;
	}
	
	.brandlogos__wrapper .brandlogo img {
		height: 30px;
	}
	
	.form__wrapper button.nav-link {
		font-size: 1em;
	}
	.form__wrapper button.nav-link.active {
		font-size: 1em;
	}
			
	footer section.footy-bottom li a {
		margin-right: 3rem;
	}
	
	.column__wrapper .card h3 {
		height: auto !important;
	}
	
	/* Cart */
	.btn5 {
		background-color: #fff;
		border: 1.5px solid #ddd;
		color: #1a1048;
		font-family: 'PF BeauSans Pro', Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 0em;
	}
	
	.btn3 {
		background-color: #fed300;
		border: 1.5px solid #fed300;
		color: #111;
		font-family: 'PF BeauSans Pro', Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 0em;
	}
	
	.cart__wrapper .cart-row .btn-adjust {
		align-items: center;
		background-color: #fff;
		border: 1.5px solid #9b83ff;
		color: #1a1048;
		display: flex;
		font-family: 'PF BeauSans Pro', Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 0em;
		height: 40px;
		padding: 0;
		width: 40px;
	}
	.cart__wrapper .cart-row .btn-trash {
		align-items: center;
		background-color: #fff;
		border: 1.5px solid #ddd;
		color: #1a1048;
		display: flex;
		font-family: 'PF BeauSans Pro', Arial, sans-serif;
		font-size: 19px;
		font-weight: bold;
		letter-spacing: 0em;
		height: 40px;
		padding: 0;
		width: 40px;
	}
	
	#autocomplete .autocomplete-result-list {
		width: 95.8% !important
	}

}


/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

@media screen and (min-width: 992px) and (max-width: 1400px) {

	.brandlogos__wrapper .brandlogo img {
		height: 40px;
	}
	
	.column__wrapper .card > .card-zoom {
		min-height: 200px;
	}
	.column__wrapper .card-body {
		padding: .5rem 1rem 1rem 1rem;
	}
	.column__wrapper .card h3 {
		font-size: 1.5em;
	}
	.column__wrapper .card p {
		font-size: 1.1em;
	}	
	.column__wrapper .card span.details {
		font-size: 1.15em;
	}
	
	a.card:hover span.link-text {
		margin-left: 56%;
	}	
	
	ul.sidebarmenu li a .btn-shop {
		font-size: 1.1rem;
		white-space: normal;
		text-align: left;
	}
	
	
}



/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

@media screen and (min-width: 576px) and (max-width: 992px) {

	header .media img {
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

@media screen and (min-width: 993px) and (max-width: 1199px) {

	header .media img {
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	
	header section.navigation img {
		max-height: 100px;
	}	

	header .media img {
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	

	.column__wrapper .card h3 {
		height: 70px !important;
	}	
}

@media screen and (min-width: 1400px) and (max-width: 2000px) {

	header section.navigation img {
		height: 100px;
	}	

	header .media img {
	}
	header h2 {
		font-size: 3.5em;
	}
	header h3 {
		font-size: 2.5em;
	}	
	
}






/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

@media screen and (min-width: 992px) {

	footer .wrapper .social {
		max-width: 200px;
	}
	footer .wrapper .footer-nav {
	-moz-column-count: 2;
	column-count: 2;
	}
	
}

@media screen and (min-width: 1201px) {

	footer .wrapper .footer-nav {
		-moz-column-count: 3;
		column-count: 3;
	}

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1600px !important;
	}
	
	#contentblock_sideimg .content .cols {
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 80px;
	column-gap: 80px;
	}

	
}

	
}