/* max-width: 768px */
@media screen and (max-width: 768px) {

html {
 font-size: 14px;
}

.MainSite-body {
 display: block;
 flex-direction: column;
 flex: 1 0 auto;
}

.MainSite-innercontent {
 padding: 0 0.7rem;
}

.MainSite-menu {
 flex: 0 1 auto;
}

ul.siteTopNav li:first-child {
}

ul.siteTopNav {
 flex-direction: row;
 flex-wrap: nowrap;
 position: relative;
}

ul.siteTopNav li.navitem.navicart {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: stretch;
}

.MainSite-menu {
 display: none;
}

div.pgat div.product {
 width: 175px;
 margin: 1rem 1.5rem;
}
div.pgat div.product div.imgwrap {
 width: 175px;
 height: 175px;
}

.productsheet>.mainbox>.mainrow {
 flex-direction: column;
}
.productsheet>.mainbox>.mainrow>.col1>.imagebox {
 margin: 0.5rem 0 0 0;
}

.productsheet>.mainbox>.mainrow>.col1,
.productsheet>.mainbox>.mainrow>.col2 {
 vertical-align: top;
 padding: 0.4rem 0 0.7rem 0;
}

.p_table_header_imgbox {
 width: 95%;
 margin: 0.5rem 0;
}

.cc_table, .cccontainer {
 width: 100%;
 margin: 0;
 padding: 0.5rem 0 0 0;
}

.contactbox {
 margin: 0 0.5rem;
}

.contact_input { max-width: 25ch; }
 
.cartcontainer {
 overflow-x: auto;
 overflow-y: hidden;
}

.orderviewbox {
 overflow-x: auto;
}

img.paytrailimg.wide {
 display: none;
}
img.paytrailimg.narrow {
 display: block;
}

.bannersb input {
 font-size: 0.75rem;
}

}