@media only screen and (min-width:1824px ) and (max-width:2424px ) {

}

@media only screen and (min-width:1224px ) and (max-width:1824px ) {

}

@media only screen and (min-width:992px ) and (max-width:1224px ) {
.container,
.header,
#navigation{
	width: 100%;
}

}

@media only screen and (min-width:768px ) and (max-width:991px ) {
.container,
.header,
#navigation{
	width: 100%;
}
.table_responsive{
	overflow-x: scroll;
}
.opciones .boton,
.opciones label#switch{display: block;top: inherit;margin:4px auto;}

}

@media only screen and (min-width:480px ) and (max-width:767px ) {
.container,
.header,
#navigation{
	width: 100%;
}
.table_responsive{
	overflow-x: scroll;
}

}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
#login{
	margin-bottom:20px  !important;
}
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
}
.popover.right {
	margin-right: 0px !important;
  margin-left: -10px;
	left:inherit !important;
	right: 20px !important;
}
.popover.right > .arrow {
  top: 50%;
	left:100% !important;
  margin-top: -11px;
  border-left-width: 10px !important;
  border-right-width: 0;
  border-right-color: transparent !important;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
	left: -11px !important;
	border-left-width: 10px !important;
  border-right-width: 0;
	border-right-color: transparent !important;
  border-left-color: #ffffff;
  bottom: -10px;
}

}
@media only screen and (min-width:320px ) and (max-width:479px ) {
.container,
.header,
#navigation{
	width: 100%;
}
.table_responsive{
	overflow-x: scroll;
}
.label{
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
textarea,
input[type="password"],
input[type="time"],
input[type="number"],
input[type="text"]{width: 100% !important;}
.ayuda textarea,
.ayuda input[type="password"],
.ayuda input[type="time"],
.ayuda input[type="number"],
.ayuda input[type="text"]{
  width: 94% !important;
}
#resto_form_config .vmd-mc1,
#resto_form .vmd-mc1{
	padding: 0% 4%;
}
form#form_producto ul.list,
form#form_agregar ul.list{
	min-width: 100%;
	max-width: 100%;
}
.hamburger.open{
	position: absolute;
	right: 10px;
	top: 8px;
}
.popover.right {
	margin-right: 0px !important;
  margin-left: -10px;
	left:inherit !important;
	right: 20px !important;
}
.popover.right > .arrow {
  top: 50%;
	left:100% !important;
  margin-top: -11px;
  border-left-width: 10px !important;
  border-right-width: 0;
  border-right-color: transparent !important;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
	left: -11px !important;
	border-left-width: 10px !important;
  border-right-width: 0;
	border-right-color: transparent !important;
  border-left-color: #ffffff;
  bottom: -10px;
}
.opciones{
	padding-bottom: 10px;
}
.opciones .boton,
.opciones label#switch{display: block;top: inherit;margin:4px auto;}
}

@media only screen and (min-width:240px ) and (max-width:319px ) {
.container,
.header,
#navigation{
	width: 100%;
}
.table_responsive{
	overflow-x: scroll;
}
.label{
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
textarea,
input[type="password"],
input[type="time"],
input[type="number"],
input[type="text"]{width: 100% !important;}
.ayuda textarea,
.ayuda input[type="password"],
.ayuda input[type="time"],
.ayuda input[type="number"],
.ayuda input[type="text"]{
  width: 94% !important;
}
#resto_form_config .vmd-mc1,
#resto_form .vmd-mc1{
	padding: 0% 4%;
}
form#form_producto ul.list,
form#form_agregar ul.list{
	min-width: 100%;
	max-width: 100%;
}
.hamburger.open{
	position: absolute;
	right: 10px;
	top: 8px;
}
.popover.right {
	margin-right: 0px !important;
  margin-left: -10px;
	left:inherit !important;
	right: 20px !important;
}
.popover.right > .arrow {
  top: 50%;
	left:100% !important;
  margin-top: -11px;
  border-left-width: 10px !important;
  border-right-width: 0;
  border-right-color: transparent !important;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
	left: -11px !important;
	border-left-width: 10px !important;
  border-right-width: 0;
	border-right-color: transparent !important;
  border-left-color: #ffffff;
  bottom: -10px;
}
.opciones{
	padding-bottom: 10px;
}
.opciones .boton,
.opciones label#switch{display: block;top: inherit;margin:4px auto;}
}