.contextmenu {
  position: absolute;
  line-height: 25px;
  font-size: 16px;
  width: 290px;
  display: none;
  background: #bd9a56;
  color:#fff;
  border:1px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.previous, a.next, .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 24px;
  font-size:15px;
  color:#fff;
}

.selected {
  font-weight: bold;
  background: #000;
  color: #ffffff;
}

input.datepicker:focus + div.contextmenu {
  display: block;
}

input.datepicker:focus + div.contextmenu, div.contextmenu:hover {
  display: block;
}



@media only screen and (max-device-width: 480px) and (min-device-width: 320px)
{
	
.contextmenu {
  position: absolute;
  line-height: 25px;
  font-size: 16px;
width: 92%;
  display: none;
 background: #bd9a56;
  color:#fff;
  border:1px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.previous, a.next, .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
    color:#fff;
  width: 24px;
  font-size:15px;
}

.selected {
  font-weight: bold;
  background: #000;
  color: #ffffff;
}

input.datepicker:focus + div.contextmenu {
  display: block;
}

input.datepicker:focus + div.contextmenu, div.contextmenu:hover {
  display: block;
}

	
	
	
}






@media only screen and (max-device-width: 640px) and (min-device-width: 360px)
{
	
.contextmenu {
  position: absolute;
  line-height: 25px;
  font-size: 16px;
width: 92%;
  display: none;
 background: #bd9a56;
  color:#fff;
  border:1px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.previous, a.next, .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 24px;
    color:#fff;
  font-size:15px;
}

.selected {
  font-weight: bold;
  background: #000;
  color: #ffffff;
}

input.datepicker:focus + div.contextmenu {
  display: block;
}

input.datepicker:focus + div.contextmenu, div.contextmenu:hover {
  display: block;
}

	
	
	
}








@media only screen and (max-device-width: 667px) and (min-device-width: 375px)
{
	
.contextmenu {
  position: absolute;
  line-height: 25px;
  font-size: 16px;
width: 92%;
  display: none;
 background: #bd9a56;
  color:#fff;
  border:1px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.previous, a.next, .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
 color:#fff;
  width: 24px;
  font-size:15px;
}

.selected {
  font-weight: bold;
  background: #000;
  color: #ffffff;
}

input.datepicker:focus + div.contextmenu {
  display: block;
}

input.datepicker:focus + div.contextmenu, div.contextmenu:hover {
  display: block;
}

	
	
	
}






@media only screen and (max-device-width: 736px) and (min-device-width: 414px)
{
	
.contextmenu {
  position: absolute;
  line-height: 25px;
  font-size: 16px;
width: 92%;
  display: none;
 background: #bd9a56;
  color:#fff;
  border:1px solid #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.previous, a.next, .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 24px;
  color:#fff;
  font-size:15px;
}

.selected {
  font-weight: bold;
  background: #000;
  color: #ffffff;
}

input.datepicker:focus + div.contextmenu {
  display: block;
}

input.datepicker:focus + div.contextmenu, div.contextmenu:hover {
  display: block;
}

	
	
	
}