/* Media Queries */
/****************************************/
/* 300px */
/****************************************/

@media only screen and (max-width: 300px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
		background: url(/img/velo-header-background.png);
		background-repeat: no-repeat, repeat;
		background-position: center;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
	
	/****************************************/
    /* typography */
    /****************************************/
    
	@font-face {
    font-family: "Bauhaus 93 V2";
    src: url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.eot");
    src: url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/89d11a443c316da80dcb8f5e1f63c86e.svg#Bauhaus 93 V2")format("svg");
}
	
    h1 {
        Font-family: 'Bauhaus 93 V2', sans-serif;
		font-size: 20px;
        letter-spacing: 2px;
        color: #001345;
        margin: 20px auto 10px auto;
	}
    h2 {
        Font-family: 'Bauhaus 93 V2', sans-serif;
		font-size: 18px;
        letter-spacing: 2px;
        color: #001345;
        margin: 20px auto 10px auto;
    }
    h3 {
        Font-family: 'Bauhaus 93 V2', sans-serif;
		font-size: 16px;
        letter-spacing: 2px;
        color: #001345;
        margin: 20px auto 10px auto;
    }
	h4 {
        Font-family: 'Bauhaus 93 V2', sans-serif;
		font-size: 16px;
        letter-spacing: 2px;
        color: #001345;
        margin: 20px auto 10px auto;
    }
    P {
        Font-family: verdana;
		font-size: 14px;
        letter-spacing: 2px;
	}
		ul {
		padding: none;
		padding-inline-start: 0px;
	}
		ul.a {
		padding: none;
		padding-inline-start: 0px;
	}
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 94%;
        margin: 5px;
    }
    .right-column {
        width: 94%;
        margin: 5px;
    }
    .left-column-small {
        width: 94%;
        margin: 5px;
    }
    .right-column-small {
        width: 94%;
        margin: 5px;
    }
    .left-column-wide {
        width: 94%;
        margin: 5px;
    }
    .right-column-wide {
        width: 94%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
	#slideshow5 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 280px;
        height: 200px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 50%;
    }
    .sale-buy-now {
        width: 80%;
        margin-left: -55px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 400px */
/****************************************/

@media only screen and (min-width: 301px) and (max-width: 400px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
	/****************************************/
    /* typography */
    /****************************************/
    
    h1 {
        font: 20px captureit, Verdana, sans-serif;
		margin: 20px auto 10px auto;
    }
    h2 {
        font: 20px captureit, Verdana, sans-serif;
    }
    h3 {
        font: 20px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    h4 {
        font: 18px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 94%;
        margin: 5px;
    }
    .right-column {
        width: 94%;
        margin: 5px;
    }
    .left-column-small {
        width: 94%;
        margin: 5px;
    }
    .right-column-small {
        width: 94%;
        margin: 5px;
    }
    .left-column-wide {
        width: 94%;
        margin: 5px;
    }
    .right-column-wide {
        width: 94%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 300px;
        height: 220px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 40%;
    }
    .sale-buy-now {
        width: 65%;
        margin-left: -70px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 500px */
/****************************************/

@media only screen and (min-width: 401px) and (max-width: 500px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}

    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 94%;
        margin: 5px;
    }
    .right-column {
        width: 94%;
        margin: 5px;
    }
    .left-column-small {
        width: 94%;
        margin: 5px;
    }
    .right-column-small {
        width: 94%;
        margin: 5px;
    }
    .left-column-wide {
        width: 94%;
        margin: 5px;
    }
    .right-column-wide {
        width: 94%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 400px;
        height: 290px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 40%;
    }
    .sale-buy-now {
        width: 62%;
        margin-left: -85px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 600px */
/****************************************/

@media only screen and (min-width: 501px) and (max-width: 600px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
	/****************************************/
    /* typography */
    /****************************************/
    
    h1 {
        font: 20px captureit, Verdana, sans-serif;
		margin: 20px auto 10px auto;
    }
    h2 {
        font: 20px captureit, Verdana, sans-serif;
    }
    h3 {
        font: 20px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    h4 {
        font: 18px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 94%;
        margin: 5px;
    }
    .right-column {
        width: 94%;
        margin: 5px;
    }
    .left-column-small {
        width: 94%;
        margin: 5px;
    }
    .right-column-small {
        width: 94%;
        margin: 5px;
    }
    .left-column-wide {
        width: 94%;
        margin: 5px;
    }
    .right-column-wide {
        width: 94%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 40%;
    }
    .sale-buy-now {
        width: 60%;
        margin-left: -110px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 700px */
/****************************************/

@media only screen and (min-width: 601px) and (max-width: 700px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
	/****************************************/
    /* typography */
    /****************************************/
    
    h1 {
        font: 20px captureit, Verdana, sans-serif;
		margin: 20px auto 10px auto;
    }
    h2 {
        font: 20px captureit, Verdana, sans-serif;
    }
    h3 {
        font: 20px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    h4 {
        font: 18px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 94%;
        margin: 5px;
    }
    .right-column {
        width: 94%;
        margin: 5px;
    }
    .left-column-small {
        width: 94%;
        margin: 5px;
    }
    .right-column-small {
        width: 94%;
        margin: 5px;
    }
    .left-column-wide {
        width: 94%;
        margin: 5px;
    }
    .right-column-wide {
        width: 94%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
	#slideshow11 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 30%;
    }
    .sale-buy-now {
        width: 45%;
        margin-left: -90px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 800px */
/****************************************/

@media only screen and (min-width: 701px) and (max-width: 800px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
	/****************************************/
    /* typography */
    /****************************************/
    
    h1 {
        font: 20px captureit, Verdana, sans-serif;
		margin: 20px auto 10px auto;
    }
    h2 {
        font: 20px captureit, Verdana, sans-serif;
    }
    h3 {
        font: 20px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    h4 {
        font: 18px courier new, Verdana, sans-serif;
		font-weight: bold;
    }
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 47%;
        margin: 5px;
    }
    .right-column {
        width: 47%;
        margin: 5px;
    }
    .left-column-small {
        width: 47%;
        margin: 5px;
    }
    .right-column-small {
        width: 47%;
        margin: 5px;
    }
    .left-column-wide {
        width: 47%;
        margin: 5px;
    }
    .right-column-wide {
        width: 47%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 30%;
    }
    .sale-buy-now {
        width: 45%;
        margin-left: -100px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}
/****************************************/
/* 900px */
/****************************************/

@media only screen and (min-width: 801px) and (max-width: 900px) {
    /****************************************/
    /* main page styling */
    /****************************************/
    
    body {
        font: 16px verdana, arial, sans-serif;
		background-color: #FCF3CF
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -ms-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
		padding: 0px 0px 0px 10px;
    }
    body:before {
        display: none;
    }
    body:after {
        display: none;
    }
    #container {
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #header {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #footer {
        width: 100%;
		max-height: 100px;
    }
	#footernavbar {
		max-height: 100px;
	}
	#footernavbar ul li {
    margin: 0px 2%;
	}
    /****************************************/
    /*  two column div styling */
    /****************************************/
    
    .dual-column {
        width: 96%;
        margin-left: 10px;
    }
    .left-column {
        width: 47%;
        margin: 5px;
    }
    .right-column {
        width: 47%;
        margin: 5px;
    }
    .left-column-small {
        width: 47%;
        margin: 5px;
    }
    .right-column-small {
        width: 47%;
        margin: 5px;
    }
    .left-column-wide {
        width: 47%;
        margin: 5px;
    }
    .right-column-wide {
        width: 47%;
        margin: 5px;
    }
    /****************************************/
    /*  product list styling */
    /****************************************/
    
    .product-image {
        width: 30%;
        float: left;
        margin-top: 10px;
        margin-bottom: auto;
    }
    .product-description {
        width: 70%;
        float: left;
        margin-top: auto;
        margin-bottom: auto;
        font-weight: bold;
    }
    /****************************************/
    /* text div styling */
    /****************************************/
    
    #text {
        margin-left: 10px;
        width: 95%;
    }
    /****************************************/
    /* mobile width classes */
    /****************************************/
    
    .mobileimage {
        width: 75px;
    }
    .mobileslider {
        width: 100%;
    }
    /****************************************/
    /* slideshow styling */
    /****************************************/
    
    #slideshow {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow1 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow2 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow3 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow4 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow5 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow6 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow7 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow8 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow9 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow10 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow11 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    #slideshow12 {
        margin: 0px auto;
        width: 500px;
        height: 350px;
    }
    /****************************************/
    /* buy now button styling */
    /****************************************/
    
    .buy-now {
        width: 30%;
    }
    .sale-buy-now {
        width: 45%;
        margin-left: -100px;
    }
    /****************************************/
    /*  special class styling */
    /****************************************/
    
	.small {
        width: 60%;
        height: 60%;
    }    
	.medium {
        width: 80%;
        height: 80%;
    }
	.large {
        width: 90%;
        height: 90%;
    }
    .extra-large {
        width: 90%;
        height: 90%;
    }
}