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

:root {

	--container-width: 94%;
	--container-width-small:94%;
	--container-width-medium:94%;
}



body {
   
}

body:not(.body_index) section {
   height:auto;	
   min-height:200px; 
}

body:not(.body_index) {
  margin:0;	
}
body:not(.body_index) .side_nav {
  position:inital;
  width:auto;
  overflow:none;  
}

.navigation:not(.dropdown_menu)  {
   display:none;	
}

.navigation.dropdown_menu > a {
  padding: 0.25rem;
  margin:0.25rem 0.5rem;
  display:block;
}

.logo {
  display:block;
  text-align:center;  
}

.welcomeblock {

  margin-top: 1rem;	
}

.welcomeblock a[href*="login"], .welcomeblock a[href*="register"] {
   float:left;
}

.flex_container {
  display:block; 	
}

[data-width]:not([data-width="100%"]) {
  width:auto;	
}

.hero_image {
  display:none;	
}

.pt_24 {
  padding-top:1rem;  
}

.pb_24 {
  padding-bottom:1rem;	
}

header[class*="pl_"], header[class*="pr_"],
section[class*="pl_"], section[class*="pr_"] {
  padding-left:0;
  padding-right:0;  
}

select[name=categories] {
  border-left:0;
  padding-left:0.25rem;
  border-top-width:1px;  
  width:100%;
}

footer {
  text-align:center;	
}

[data-width="200px"] + .ml_4 {
  margin-left:0;
  margin-top:0.50rem;  
}

[data-lang]:before {
	content: attr(data-lang);
	font-weight:600;
	margin-bottom:-6px;
	display:block;
}

.flex_container.bg_tertiary > *:not(:only-child):not(:first-child) {
  display:none;	
}

.p_cell {
  padding: 0.25rem 0.5rem;
}

[data-menu="#settings_menu"], [data-menu="#admin_menu"] {
  display:inline-block;	
}

.banner_image {
  width:360px;
  height:auto;  
}

.-m_2 {
  margin:0;	
}

.side_nav {
  display:none;	
}

.side_grid  {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  grid-gap: 1rem;
  padding:20px 10px;
}

.side_grid a.m_4 {
  margin:0;	

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

.flex_container.border:not(.responsive_break) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  grid-gap: 0;
}	

.checkout_list {
   text-align:center;	
}


header {
  position:relative;
  z-index:5;  
}

[data-height="80px"] {
  height:auto;	
}

.product_details_image {
  max-width:50%;
  width:auto;
  margin:0 auto;  
}

footer .mr_3 {
  margin-right:auto;
  margin-bottom:1.5rem;
  margin-top:1.5rem;  
}


.side_grid .block span {
  text-overflow: ellipsis;
  width: 100px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}


}