@media(min-width: 901px){
#ProductDisplay #OtherBox{
    display: none;
}
#ProductDisplay > div.addimages {
    width: auto;
    height: auto;
    display: block;
    top: 440px;
    position: absolute;
}
#ProductDisplay {
    position: relative;
}
#ProductDisplay > div.pimage {
    padding-bottom: 150px;
}

}

@media(max-width: 900px){
    img {
    max-width: 100%;
    height: auto;
}
    html, body {
    margin: 0;
    padding: 0;
    background-color: #f4e5c3;
}
#Container, #header {
    width: calc(100% - 18px);
    max-width: 100%;
    height: auto;
    float: none;
    display: block;
    margin: 0 auto;
}
 #header {
    width: 100%;
    max-width: 100%;
    height: auto;
    float: none;
    display: block;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*padding: 1px;*/
}
#logo, #headTools, #navlist, #AccountNav, #headNav, #basketCont, #searchField, #wrapper_menu {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: center;
}
#headTools, #logo {
    width: 45%;
}
#navlist {
    margin: 10px auto;
    display: block;
}
#navlist li.phone {
    float: none;
    margin-left: 0 !important;
}
#navlist li {
    float: none !important;
}
#navlist a {
    font-size: 14px;
}
#basketCont {
    margin: 0 auto;
    padding-bottom: 10px;
}
#searchField {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#checkout {
    float: none;
    display: inline;
    height: auto;
    width: 120px;
}
#basket {
    float: none;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 10px auto;
    padding: 5px 0;
}
#basket a.checkoutlink:link {
    height: 100%;
    margin: 0;
}
.search {
    height: 20px;
}
#Container {
    overflow: auto;
}
#wrapper_menu .menu {
    display: flex !important;
    height: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
    width: 100% !important;
}
.menu .dropdown_fullwidth {
    z-index: 9 !important;
    width: 100% !important;
    min-width: 300px !important;
    margin-top: 0 !important;
    display: none;
    visibility: hidden;
}
.menu li:hover .dropdown_fullwidth {
    top: auto !important;
    display: block;
    visibility: visible;
}
#mainCont {
    float: none;
    width: calc(100% - 20px);
    max-width: 100%;
    height: auto;
    text-align: center;
    display: block;
    padding: 10px;
}
#SubCatPage {
    float: none;
}
#SubCatPage .ThumbRow {
    width: 100% !important;
    max-width: 97%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px !important;
    justify-content: space-between;
}
#SubCatPage .ThumbItem {
    float: none !important;
    width: 45% !important;
    margin-right: 0px !important;
}
#wrapper_menu {
    width: 100%  !important;
}
#SubCatPage {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}
#SubCatPage .ItemInfo {
    float: none;
    display: block;
    width: auto;
    margin-top: 8px;
}
.pagination {
    float: none;
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}




/*https://www.woodturningz.com/Shuttle_Rollerball_Pen_Kit_-_Ant_Copper*/
#breadcrumb{
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
    font-size: 15px;
}
#ProductDisplay {
    float: none;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#ProductDisplay > div{
    max-width: 100% !important;
}
#ProductImageBox, #ProductInfoBox{
    float: none;
    width: 45%;
    display: block;
}
#ProductImageZoom {
    float: none;
    width: 100%;
    display: block;
}
#ProductImageZoom img {
    height: auto !important;
}
#ProductImageZoom strong {
    padding: 7px 0 0 5px;
    display: block;
}
.ProductInfoText {
    float: none;
    display: block;
    width: 100%;
}
.pricelist {
    width: 100%;
    margin: 15px 0px;
}
#ProductDetail {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#AlsoView {
    float: none;
    display: block;
    width: 100%;
}
#AlsoView .ThumbRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
#OtherBox {
    float: none;
    display: none;
    width: 100%;
    margin: 15px auto;
}
#ProductDisplay #OtherBox{
    display: block;
}
#OtherBox #OtherItems {
    float: none;
    display: block;
    width: 100%;
}
#AlsoView .ThumbItem {
    float: none;
    display: inline;
    width: auto;
    margin: 10px;
    text-align: center;
    font-size: 13px;
}
#OtherItems p.topcopy {
    margin-bottom: 10px;
}
.OtherItemBox {
    float: left;
    display: block;
    width: 30%;
    text-align: center;
    padding: 10px;
}





/*footer*/
#footer {
    float: none;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#footer h2 {
    width: 100%;
}
#footer ul.left, #footer ul.middle {
    float: none;
    display: block;
    padding: 0 15px 0 15px;
    height: auto;
    font-size: 14px;
}
#footer ul:nth-child(4){
    border-right: none;
 }
span.emailHead, span.emailSubHead {
    width: 100%;
    text-align: center;
    margin: 5px auto;
}
#subFooter {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 15px;
}
#sublist {
    padding-bottom: 10px;
    float: none;
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#sublist li.left, #sublist li.mid, #sublist li.nodiv {
    height: auto;
    width: auto;
    float: none;
    padding: 0 10px 0 0;
    margin: 7px auto;
}
#subFooter img {
    margin-left: 9px;
    vertical-align: middle;
    max-width: 80px;
    max-height: 35px;
    width: auto;
}
#sublist li.nodiv img {
    margin-right: 10px;
}
#emailCont {
    float: none;
    display: inline-block;
    margin: 10px 20px 15px;
    padding: 0;
    width: 100%;
    height: auto;
}
.simple_overlay {
    width: 98%;
}







/*https://www.woodturningz.com/default.aspx*/

.sliderwrapper .feature{
    width: 100%;
    height: auto;
}
.sliderwrapper, #hpMainRot {
    width: 100%;
    float: none;
    height: 300px;
}
.feature .block {
    display: none;
}
#hpMainRot {
    display: block;
}
#hpCloseouts, #hpCatalog, #hpWelcome, #hpWeeklySpecials, #tabbox, #featuredCat {
    float: none;
    display: block;
    height: auto;
    width: 100%;
    margin: 10px auto;
}
.tabberlive .tabbertab {
    float: none;
    height: auto;
    width: 100%;
    margin: 10px auto;
}
ul.tabbernav {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 40px;
}
ul.tabbernav li {
    float: none;
    margin: 3px;
}
.jcarousel-skin-specials .jcarousel-container-horizontal {
    width: 100%;
    padding: 15px;
    overflow: hidden;

}
#hpWeeklySpecials .carousel {
    float: none;
    display: block;
    width: 95%;
    height: auto;
}
#hpWeeklySpecials {
    margin: 15px auto;
}
#tabboxCon {
    float: none;
    display: block;
    width: 100%;
    margin-top: 30px;
}
#featuredCat li {
    float: none;
    width: auto;
    height: auto;
    margin: 10px;
}
#featuredCat ul {
    display: flex;
    height: 100%;
    width: 100%;
    float: none;
    flex-wrap: wrap;
    justify-content: center;
}
#featuredCat {
    padding: 0;
}
.feature a.collapse {
    background-position: left bottom;
}
.feature a.show {
    background-position: left top;
}




/*https://www.woodturningz.com/cart.aspx*/
.cartHeader {
    font-size: 12px;
}
.promoCode {
    float: none;
    display: block;
    margin: 0;
    padding: 10px 5px;
    padding: 11px 0 0 13px;
    width: 100%;
    height: auto;
}
.promoField {
    margin: 5px 0;
}
#ctl21_Panel1{
    overflow-x: scroll;
}
#ctl21_Panel1 table {
    /*min-width: 350px;*/
}
.emptyCart {
    float: none;
    display: block;
    margin: 23px 0;
    padding: 0;
    text-align: center;
}






/*https://www.woodturningz.com/checkout.aspx*/
#checkoutMain {
    float: none;
    display: block;
    font-size: 12px;
    width: 100%;
}
#leftColumn {
    float: none;
    width: 100%;
}
#rightColumn {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
}
#CheckoutCartItems, #summaryTab {
    float: none;
    width: 100%;
    height: auto;
}
.fieldContainer input, .fieldContainer textarea, .fieldContainer select, .horizontalFieldPadding {
    display: block;
    clear: both;
    text-align: left;
    float: none;
    margin: 0;
    width: 300px;
}
.fieldContainer select {
    width: 310px;
}
.fieldContainer input[type="checkbox"] {
    display: block;
    clear: none;
    width: auto;
}
.fieldContainer h3{
    width: auto !important;
}
.fieldContainer{
    padding-left: 0 !important;
}
.fieldContainer label {
    text-align: left;
    width: 100%;
    display: inline-block;
}
.subSection {
    float: none;
    margin: 0 auto;
    max-width: 300px;
}
.chkout{
    width: calc(100% - 30px ) !important;
}
.chkout .fieldContainer, .chkout .fieldContainer .field{
    float: none !important;
    text-align: center;
}










/*https://www.woodturningz.com/shipping_delivery.aspx*/
.ContentContainer p iframe {
    width: 100% !important;
}
#Sidebar ul li{
    text-align: left;
}



/*https://www.woodturningz.com/contactus.aspx*/
#Content {
    float: none;
    display: block;
    width: 100%;
}
#contactform {
    float: none;
    display: block;
    width: auto;
}
#contactinfo {
    float: none;
    border-left: 1px solid transparent;
}





/*http://www.woodturningz.com/CatalogRequest.aspx*/
#catalogform {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: left;
}
#catalogtimg {
    float: none;
}





.PanelMenu {
    float: none;
    display: inline-block;
    width: auto;
    height: auto;
}
#mainCont .PanelArea {
    display: inline-block;
    float: none;
    width: auto;
    margin: 0 auto;
}


/*https://www.woodturningz.com/mywishlist.aspx*/
#ctl21_ctl40_btSearch {
    margin-top: 5px;
}
.wishlisttable img{}
.wishlisttable tr td:first-child {
    min-width: 50px;
}


/*https://www.woodturningz.com/Thankyou.aspx*/
/*There is a table without unique class/id. So i can't use this page. */



/*https://www.woodturningz.com/results.aspx?k=pk-pe*/
.searchProdList {
    float: none;
    display: inline-block;
    width: 100%;
}
#SearchSidebar {
    text-align: left;
}


}













@media(max-width: 700px){
#headTools, #logo {
    margin-left: auto;
    margin-right: auto;
}

#ProductImageBox, #ProductInfoBox{
    float: none;
    width: 100%;
    display: block;
}
#Container > div{
    height: auto !important;
}
#footer ul.left, #footer ul.middle {
    padding: 0 10px;
    font-size: 13px;
}
a#ctl22_rpMixMatch_ctl04_hlMixMatchAll {
    width: 250px;
    display: inline-block;
}
#headTools {
    display: none;
}
.fieldContainer {
    padding-left: 0 !important;
    float: none !important;
}
.sectionsInput > div{
    max-width: 100%;
}
#ProductDisplay > div.pimage {
    order: 1;
}
#ProductDisplay > div.pinfo {
    order: 3;
}
#ProductDisplay > div.addimages {
    order: 2;
}
#ProductDisplay > div.otherbx {
    order: 4;
}
#ProductDisplay > div.alsovw {
    order: 5;
}



}


@media(max-width: 520px){
#navlist li.phone {
    display: block;
}
#sublist {
    justify-content: center;
    flex-direction: column;
}
#sublist li.left, #sublist li.mid, #sublist li.nodiv {
    border: 0;
    text-align: center;
}
#AlsoView .ThumbItem {
    margin: 5px;
}
.OtherItemBox {
    width: 26%;
}


#ctl17_pnlForm {
    width: 100%;
    clear: both;
}
#contactform table {
    width: 100%;
    text-align: left;
}
#Content {
    clear: both;
}
.sliderwrapper, #hpMainRot {
    height: 250px;
}
img.mf {
    margin: 0 auto;
    display: block !important;
}
img.desktop{
    display: none !important;
}
}

@media(max-width: 486px){
    #footer ul:nth-child(3) {
    border-right: none;
}
#Sidebar, #SearchSidebar {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 20px;
}
.sliderwrapper, #hpMainRot {
    height: 220px;
}
.addimages img.prodImage{
    max-width: 80px !important;
    height: auto !important;
}
}
@media(max-width: 400px){
.sliderwrapper, #hpMainRot {
    height: 180px;
}
.fieldContainer input, .fieldContainer textarea, .fieldContainer select, .horizontalFieldPadding {
    width: 282px;
}
.fieldContainer select {
    width: 292px;
}

}