@media only screen and (max-width: 700px) {
#cart {position: fixed; top: 0px; right: 0; width: 50px; height: 50px; z-index: 9999;}
#sellcart {position: fixed; top: 60px; right: 0; width: 50px; height: 50px; z-index: 9999;}

#header {display: block; position: relative;  width: 100%; top: 0; left: 0; background-color: #fff; z-index: 9999;}
#header #logobox {display: block; height: auto; position: relative; vertical-align: top; text-align: center;}
#header #logo {display: block; height: auto; position: relative; left: auto; top: auto; width: 98%; background-color: #fff; border: none; box-shadow: none; padding: 1%; z-index: 9999; text-align: center;}
#header #logo img {width: 50%; height: auto;}
#header #logolabel {display: block; vertical-align: top; position: relative; left: 0px; width: auto;}
#header #logolabel h1 {margin: 5px 0px; padding: 5px 0px; text-transform: uppercase; font-weight: normal; color: #dca024; font-family: "Black Ops One", system-ui;}

#header #loginbox {float: none; width: auto; display: block; height: auto; vertical-align: top; position: relative; top: 0px; text-align: center;}
#header #buysellbox #buy {display: inline-block; height: 50px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0 10px; cursor: pointer; position: relative}
#header #buysellbox #sell {display: inline-block; height: 50px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0 10px; cursor: pointer; position: relative}
#header #signinbox {display: inline-block; height: 50px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0 10px; cursor: pointer;}
#header #searchbox {display: block; float: none; position: relative; text-align: center;}
#header #searchbox input[type="text"] {margin: 10px auto; border-radius: 10px; border: 1px solid #ffc600; padding: 8px 2%; font-size: 90%; width: 90%; outline: none; color: #ffc600;}

#header #navi {height: auto; padding-top: 10px;}
#header #navi ul {display: none;}
#header #navi select {display: block; outline: none; width: 96%; padding: 5px 2%; font-size: 100%; margin: 0px auto; border-radius: 5px; outline: none; color: #fff; background-color: #c62c22}

#slider {margin-top: 0; z-index: 9990;}
#homeexpansions #divider {display: inline-block; width: 47%; padding: 1%; vertical-align: top;}
#blog h2 {color: #c62c22; font-size: 150%; text-transform: uppercase;}

#trendingnow #halfbox {width: 96%; display: block; margin: 1%; padding: 1%; vertical-align: top;}
#productfeature #divider {width: 90%; padding: 10px 3% 20px; margin: 20px 2% 20px; background-color: #f1f1f1; display: block; vertical-align: top; min-height: auto; border-radius: 10px;}
#productfeature button {background-color: #ffc600; color: #fff; text-transform: uppercase; border: 1px solid #000; padding: 10px 20px; text-shadow: 1px 2px 3px #000; cursor: pointer; border-radius: 10px; float: none;}
#blog #divider {width: 92%; padding: 2%; margin: 2%; background-color: #f1f1f1; display: block; vertical-align: top; min-height: auto; border-radius: 10px; text-align: left;}
#wrapper #footer #divider {width: 92%; display: block; height: autu; padding: 2%; vertical-align: top; margin: 0 2% 20px; color: #fff; text-align: left;}
#trendingnow #halfbox #divider {width: 41%; margin: 2%; padding: 20px 2%; border-radius: 10px; display: inline-block; vertical-align: top;}
#wrapper #footer #divider h2 {color: #fff; font-size: 150%; text-transform: uppercase;}
#wrapper #footer #divider b {display: block; font-size: 100%;}

#archive {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#archive #leftside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#archive #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#archive #leftside #divider {width: 90%; padding: 3%; margin: 2%; background-color: #f1f1f1; display: block; vertical-align: top; min-height: 400px; border-radius: 10px; text-align: left;}

#card-archive {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#card-archive #leftside {background-color: #fff; width: 94%; padding: 3%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#card-archive h2 {color: #c62c22; font-size: 150%; text-transform: uppercase; text-align: left;}
#card-archive #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#card-archive #leftside #divider {width: 40%; margin: 2%; padding: 20px 2%; border-radius: 10px; display: inline-block; border: 1px inset #e9e9e9; vertical-align: top;}

#product-archive {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#product-archive #leftside {background-color: #fff; width: 94%; padding: 3%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#product-archive h2 {color: #c62c22; font-size: 150%; text-transform: uppercase; text-align: left;}
#product-archive #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#product-archive #leftside #divider {width: 40%; margin: 2%; padding: 20px 2%; border-radius: 10px; display: inline-block; border: 1px inset #e9e9e9; vertical-align: top;}

#card-single {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#card-single #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
#card-single #leftside #divider {width: 92%; margin: 0 3%; padding: 0 2%; border-radius: 10px; display: block; vertical-align: top; text-align: left; margin: 0px auto 0px;}
#card-single #leftside {background-color: #fff; width: 94%; padding: 3%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}

#register-page {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#register-page #leftside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
#register-page h2 {color: #c62c22; font-size: 120%; text-transform: uppercase; text-align: left; margin: 0px auto 50px;}
#register-page #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; margin: 0px auto 50px;}
#register-page #leftside #divider {width: 92%; margin: 2%; padding: 20px 2%; border-radius: 10px; display: lock; vertical-align: top; text-align: left;}

#mycart {margin-top: 0px; display: block; padding: 2%; width: 96%; text-align: center;}
#mycart #leftside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
#mycart #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
#mycart #divider {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff; text-align: left;}
#mycart #divider table {width: 100%;}
#mycart #divider table tr td {display: block; width: 100%;}

#buylist {margin-top: 0px; display: block; padding: 2%; width: 96%;}
#buylist #leftside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
#buylist h2 {color: #c62c22; font-size: 150%; text-transform: uppercase; text-align: left;}
#buylist #rightside {background-color: #fff; width: 90%; padding: 5%; display: block; vertical-align: top; background-color: #fff;}
}