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

	#popoutmenubutton {
		display: flex;
	}

	.topleftwrapper {
		display:none;
	}


	#home-main-wrapper {
		flex-direction:column;
		max-width:450px;
	}

	#main2 {
		margin-top: -50px;
	}


	#home-ad-wrapper {
		flex-direction:column;
		max-width:650px;
	}

	.regionBanner * {
		font-family: inherit !important;
		font-size: 8pt !important;
	}

	.footer {
		font-size: 10px !important;
	}

	.footer .content {
		justify-content: flex-start !important;
	}


	.footer #copyright {
		text-align: left;
	}


}

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

	.topleftwrapper a {
		font-size: 12px;
	}

	#view-cart {
		display: none;
	}

	#searchKeyWords {
		width: 240px;
	}
	
	#header-logo {
		margin: 10px;
	}


	#header-logo img {
		width: 140px;
	}

	.sm-clean > li > a {
		font-size: 14px !important;
	}
}

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

	body {
		min-width: 380px !important;
	}

	input[type="text"], input[type="password"], input[type="textarea"], select {
		padding: 4px;
	}


	#searchKeyWords {
		width: 140px;
	}
	
	#menu-departments {
		display: none;
	}

	.title, .pagetitle {
		font-size: 14pt;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
	}

	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
		padding: 12px 4px !important;
	}

	input[type="submit"], input[type="button"], .anchorbutton {
		margin-top: 5px !important;
		margin-right: 5px !important;
		padding: 5px 10px !important;
		font-weight: normal !important;
	}


	#itemContainer {
		text-align: unset;
	}

	.itempricetable {
		width: 300px;
		margin-top: -40px;
	}

	.title, .pagetitle {
		font-size: 11pt;
	}

	input[type="submit"], input[type="button"], .anchorbutton {
		padding: 6px 10px;
		font-weight: normal;
	}

	.order-message {
		font-size: 7pt;
		font-weight: normal;
	}

	.address-block-label {
		font-size: 11pt !important;
	}

	.address-button-group {
		margin-left: unset !important;
		display: flex;
		justify-content: center;
	}


	.footerLinks {
		flex-direction: column !important;
	}

		.footerLinks a {
			margin-top: 10px !important;
		}

		.footerLinks div {
			margin-top: 10px !important;
		}

	#teconsent {
		margin: 0 !important;
	}

}