@media screen and (max-width: 920px){
	.carouselWrapper {
		min-height: 40vw;
	}
}

/* ================================================================================================================== */
@media screen and (max-width: 920px){
	#productImagesWrapper {
		max-width: 600px;
	}

	#productImages img {
		max-width: 560px;
	}
}

/* ================================================================================================================== */
@media screen and (max-width: 850px){
	#productImagesWrapper {
		max-width: 500px;
	}
	#productImages img {
		max-width: 460px;
	}
}

/* ================================================================================================================== */
@media screen and (max-width: 520px){
	#productImagesWrapper {
		max-width: 400px;
	}
	#productImages img {
		max-width: 360px;
	}


}

/* ================================================================================================================== */
@media screen and (max-width: 414px){
	#productImagesWrapper {
		max-width: 370px;
	}
	#productImages img {
		max-width: 340px;
	}
}


@media screen and (max-width: 1000px){
	#footerDescription {
		margin-right: 0px;
	}
}

/* ================================================================================================================== */
/* First breakdown point */
/* ================================================================================================================== */

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

	body {
		background-image: none;
		background-color: #000;
	}


	#header {
		height: 80px;
		margin: 0px;
		padding: 0px;
	}

	#logo {
		display: block;
		height: 80px;
		padding: 10px;
	}

	#logoImage {
		max-height: 60px;
		object-fit: contain;
	}

	#logoWrapper {
		width: 200px;
	}

	#topCart {
		font-size: 1em;
		top: 15px;
	}

	#topSearch {
		font-size: 1.1em;
		bottom: 10px;
	}


	#content-body {
		padding: 0px 10px 0px 10px;
		margin: 0px 10px 0px 10px;
		/*max-width: 970px;*/
		overflow: hidden;
		padding-top: 15px;
	}

	#breadcrumbs {
		position: relative;
		margin-left: 55px;
		top: 0px;
		left: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#content-top, #content-mid, #content-bottom {
		background-image: none;
		background-repeat: none;
		/*max-width: 970px;*/
		/*width: 100%;*/

	}


	#wrapper {
		/*width: 100%;*/
	}

	#footer-address, #footer-copyright {
		padding: 5px 10px 5px 10px;
	}

	#topAds {
		display: none;
	}

	#topnav {
		position: absolute;
		width: auto;
		top: 10px;
		left: 10px;
		margin-left: 0px;
		display: none;
	}

	#topnav ul {
		top: 0px;
	}

	#topnav li {
		margin-bottom: 1px;
		/*width: 100%;*/
	}

	#topnav ul li, #topnav ul li a {
		/*width: 100%;*/
	}

	#topnav ul li a {
		display: block;
	}

	#content-top {
		position: absolute;
		height: 20px;
		top: 70px;
	}

	#content-mid {
		background-image: none;
		background-color: #fff;
		font-size: 1em;
	}

	#account-links {
		display: none;
	}

	#topLimiter {
		text-align: center;
		padding-botton: 10px;
		height: auto;
	}

	#topLimiter .inline-select {
		display: block;
		width: 100%;
		text-aign: center;
		clear: both;
	}

	#topLimiter select {
		display: block;
		width: 70%;
		text-align: center;
		margin-bottom: 15px;
		margin-left: 15%;
	}

	#topLimiter input[type=text] {
		margin-bottom: 15px;
		margin-left: 15px;
	}

	#topPagination {
			font-size: 1.1em;
			width: 100%;
			text-align: center;
			float: none;
	}

	.topPaginationFloat {
		float: inherit;
	}

	#sortOptions {
/* 		font-size: 1.5em; */
		text-align: left;
		margin-bottom: 20px;
		margin-right: 10px;
	}

	#sortOptions select {
		font-size: 1.5em;
	}


	.gridTitle, #messageBanner {
		display: block;
		width: 100% !important;
		/*max-width: 970px;*/
		padding: 5px 0px 5px 0px;
	}


	.productBox, .newProductBox {
		min-height: 245px;
		width: 185px;
	}

	.productListULWrapper .productBox {
		max-width: 185px;
	}

	#leftnav {
		display: none;
		position: absolute;
		top: 0px;
		left: -20px;
		padding: 10px;
		background-color: #fff;
		width: 200px;
	}


	#logo {
		float: left;
		margin-right: 10px;
	}

	#menuButtons {
		display: block;
		float: left;
		margin-right: 5px;

	}

	/* #menuButtons a:hover {
		color: yellow;
		cursor: pointer;
		text-decoration: none;
	} */

	a.pageMenu, a.navMenu {
		display: block;
		font-size: 1.3em;
		background-color: #585857;
		color: #fff;
		padding: 3px 5px 3px 5px;
		margin: 5px;
		border-radius: 3px;
		border: 1px solid #aaa;
	}

	#sortOptions {
		font-size: 0.7em;
	}

	#doNotShipButton {
		margin-left: 50px !important;
	}

	.infoFormLeft, .infoFormRight {
		font-size: 0.8em;
		left: 5px !important;
		width: 100px !important;
	}

	#footerText {
		padding-left: 10px;
		padding-right: 10px;
	}


	/*#content-body img {
		max-width: 100%;
	}*/


}


/* ================================================================================================================== */
/* for the smaller screens - Nexus 5X, iPHone 6 Plus  is 465px, but going to break it at 540px for better flow when resizing windows */
/* ================================================================================================================== */

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

	h1 {
		font-size: 1.5em;
	}

	/*img {
		max-width: 380px;
	}*/

	headerWrapper {
		width: 100% !important;
	}

	.gridTitle {
		font-size: 0.9em;
	}

	#header {
		height: 60px;
	}

	#logoImage {
		max-height: 40px;
	}

	#topCart {
		font-size: 0.7em;
		top: 15px;
	}

	#topSearch {
		font-size: 1.1em;
	}


	#topCart .cartItems {
		position: absolute;
		top: -5px;
		right: -10px;
		background-color: red;
		border-radius: 20px;
		min-width: 9px;
		min-height: 9px;
		text-align: center;
		font-size: 8px;
		padding: 5px;
	}


	#menuButtons a{
		font-size: 0.9em;
	}

	.infoFormRight input {
		width: 120px !important;
	}

	#doNotShipButton {
		margin-left: 10px !important;
	}

	#content-top {

		background-color: #000;
		display: none;
	}

	#content-body {
		margin: 0px 5px 0px 5px;
	}

	#breadcrumbs {
		position: relative;
		top: 0px;
		left: 0px;
		margin-left: 10px;
		margin-right: 10px;
	}


	ul.prodGrid li {
		font-size: 0.8em;
	}

	.prodInfo {
		margin-left: 80px !important;
	}
	.prodImgWrap {
		zoom: 0.75;
	}

	.productListUL .productBox {
		width: 185px;
		max-width: 185px;
		font-size: 0.8em;
	}

	.productBoxLinkName {
		font-size: 0.9em;
	}

	.productBoxRow .productBoxLinkName {
		font-size: 0.8em;
	}

	#footerStoreLinks {
		display: inline-block;
		width: 200px;
		font-size: 1em;
		padding: 10px 0;
		text-align: left;
	}

	#footerStoreLinksLeft,
	#footerStoreLinksCenter,
	#footerStoreLinksRight {
		display: block;
		width: 100%;
		padding-left: 15px;
		margin-bottom: 10px;
	}

	#socialMediaLinks {
		width: 100%;
		padding-right: 0;
	}

	.imageRight, .imageLeft {
		float:none;
		margin: 10px auto 10px auto;
		text-align: center;
		display: block;
	}
	.gridTitle, #messageBanner {
		font-size: 0.9em !important;
	}

	#content-body.staticPage h1.gridTitle {
		font-size: 1.5em !important;
	}

}

/* ================================================================================================================== */
/* iphone 6 @ 375 and Galaxy S5 @ 360 */
/* ================================================================================================================== */

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

	.productBox {
	    width: 170px;
	    max-width: 170px;
	    font-size: 0.8em;
			min-height: 260px;
	}

	.productListUL .productBox {
		width: 160px;
		max-width: 160px;
		font-size: 0.8em;
	}

	.productBox img {
		max-width: 130px;
	}

	.productBoxLink {
		height: 50px;
	}

	.productBoxPrice {
		top: 215px;
	}

	.htmlArea {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	#topCart {
		font-size: 0.7em;
		top: 15px;
	}

	#topSearch {
		font-size: 0.9em;
	}


}


/* ================================================================================================================== */
/* and for the small screens like iphone 5 and older */
/* ================================================================================================================== */

@media screen and (max-width: 320px){
	h1 {
		font-size: 1em;
	}

	h2 {
		font-size: 0.9em;
	}

	h3 {
		font-size: 0.8em;
	}
	#header {
		height: 70px;
	}

	#topCart {
		font-size: 0.6em;
		top: 15px;
		right: 10px;
	}

	#topSearch {
		font-size: 1.3em;
		padding: 3px;
		width: 100px;
	}


	#content-top {
		background-color: #000;
		display: none;
	}

	#menuButtons a{
		font-size: 0.7em;
	}

	.infoFormRight input {
		width: 120px !important;
	}

	#doNotShipButton {
		margin-left: 10px !important;
	}

	.prodImgWrap img {
		margin: 0px;
		padding: 0px;
	}

	.prodImgWrap {
		zoom: 50%;
	}

	.productBoxImage img {
		max-width: 110px;
	}

	#productImagesWrapper {
		max-width: 300px;
	}

	#productImages img {
	    max-width: 300px;
	}

	.productBox {
	    width: 150px;
	    max-width: 150px;
	    font-size: 0.8em;
			min-height: 260px;
	}

	.productListUL .productBox {
		width: 140px;
		max-width: 140px;
		font-size: 0.8em;
	}

	.productBoxLink {
		height: 50px;
	}

	.productBoxPrice {
		top: 215px;
	}

	.pagination {
		font-size: 1.3em;
	}

	#footerDescription {
		max-width: 90%;
	}

	#footer {
		max-width: 90%;
	}

	#footerStoreLinks {
		display: inline-block;
		width: 200px;
		font-size: 0.9em;
		padding: 0px;
		text-align: left;
	}

	#footerStoreLinksLeft,
	#footerStoreLinksCenter,
	#footerStoreLinksRight {
		display: block;
		width: 100%;
		padding-left: 15px;
		margin-bottom: 10px;
	}

	.imageRight, .imageLeft {
		max-width: 280px;
	}


}