/* -- This is the place to add your own style modifications without touching the original styles -- */

@media screen and (max-width: 767px) {
  body, #wrap, .limit, #page, #content, #contentleft, #contentright, #sidebar, #sidebar-narrow, #sidebar-bottom, #sidebar-bottom-left, #sidebar-bottom-right {
	width:100%; display:block; max-width:100%; margin:0; padding:0 !important; float:none; border:none;
  } 

  #content {padding:10px !important; width:calc(100% - 20px);}
  #contentright {padding:10px !important;  width:calc(100% - 20px); border-top:2px solid black;}
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
  body, #wrap, .limit, #page {
	width:100%; display:block; max-width:100%; margin:0; padding:0 !important; float:none; border:none;
  } 
  #contentleft {width:calc(100% - 244px);}
  #content {width:calc(100% - 20px);}
}