/* #### Mobile Phones Portrait #### */
@media screen and (max-width: 767px) and (orientation: portrait){
	#calendar{
		width: 100%;
		margin: 0;
	}
	#calBottom{
		width: 100%;
		margin-top: 70px;
	}
	#weekdayNames{
		display: none;
	}
	.LastLine{
		border: 0;
	}
	.day{
		display: block;
		width: 100%;
		height: auto;
		min-height: 50px;
		text-align: center;
		border: 1px solid gray;
		border-radius: 5px;
		margin-top: 10px;
		font-size: 1.2em;
	}
	#rightBar li{
		width: 100%;
	}
	.DayName{
		display: inline-block;
	}
	.vk{
		margin-top: 40px;
		border: 0;
	}
	.vk:hover{
		background: white;
	}
	.DateEnd{
		display: inline-block;
	}
	.ifTime{
		display: none;
	}
	.emptyBox{
		display: none;
	}
	.WeekNumber{
		display: inline-block;
	}
	#Top{
		width: 100%;
		display: inline-block;
		padding-left: 0px;
	}
	.arrow{
		font-size: 40px;
		padding-left: 7px;
		margin-right: 7px;
	}
	#mobile{
		display: block;
	}
	#window{
		position: fixed;
		width: auto;
		height: auto;
		left: 5%;
		right: 5%;
		bottom: 20%;
		top: 20%;
	}
	.WindowTimes{
		display:none;
	}
	#CottageCalendar{
		width: 100%;
		margin: 0;
	}
	#CottageCalendar #calBottom{
		width: 100%;
		margin-top: 70px;
	}
	#CottageCalendar #weekdayNames{
		display: none;
	}
	#CottageCalendar .LastLine{
		border: 0;
	}
	#CottageCalendar .day{
		display: block;
		width: 100%;
		height: auto;
		min-height: 50px;
		text-align: center;
		border: 1px solid gray;
		border-radius: 5px;
		margin-top: 10px;
		font-size: 1.2em;
	}
	#CottageCalendar .DayName{
		display: inline-block;
	}
	#CottageCalendar .vk{
		margin-top: 40px;
		border: 0;
	}
	#CottageCalendar .vk:hover{
		background: white;
	}
	#CottageCalendar .DateEnd{
		display: inline-block;
	}
	#CottageCalendar .ifTime{
		display: none;
	}
	#CottageCalendar .emptyBox{
		display: none;
	}
	#CottageCalendar .WeekNumber{
		display: inline-block;
	}
	#CottageCalendar  #Top{
		width: 100%;
		display: inline-block;
		padding-left: 0px;
	}
	#CottageCalendar .arrow{
		font-size: 40px;
		padding-left: 7px;
		margin-right: 7px;
	}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-width: 767px) and (orientation: landscape){
	#calendar{
		width: 100%;
		margin: 0;
	}
	#calBottom{
		width: 100%;
		margin-top: 70px;
	}
	#weekdayNames{
		display: none;
	}
	.LastLine{
		border: 0;
	}
	.day{
		display: block;
		width: 100%;
		height: auto;
		min-height: 50px;
		text-align: center;
		border: 1px solid gray;
		border-radius: 5px;
		margin-top: 10px;
	}
	#rightBar li{
		width: 100%;
	}
	.DayName{
		display: inline-block;
	}
	.vk{
		margin-top: 40px;
		border: 0;
	}
	.vk:hover{
		background: white;
	}
	.DateEnd{
		display: inline-block;
	}
	.ifTime{
		display: none;
	}
	.emptyBox{
		display: none;
	}
	.WeekNumber{
		display: inline-block;
	}
	#Top{
		width: 100%;
		display: inline-block;
		padding-left: 0px;
	}
	.arrow{
		font-size: 40px;
		padding-left: 7px;
		margin-right: 7px;
	}
	#CottageCalendar {
		width: 100%;
		margin: 0;
	}
	#CottageCalendar #calBottom{
		width: 100%;
		margin-top: 70px;
	}
	#CottageCalendar #weekdayNames{
		display: none;
	}
	#CottageCalendar .LastLine{
		border: 0;
	}
	#CottageCalendar .day{
		display: block;
		width: 100%;
		height: auto;
		min-height: 50px;
		text-align: center;
		border: 1px solid gray;
		border-radius: 5px;
		margin-top: 10px;
	}
	#CottageCalendar .DayName{
		display: inline-block;
	}
	#CottageCalendar .vk{
		margin-top: 40px;
		border: 0;
	}
	#CottageCalendar .vk:hover{
		background: white;
	}
	#CottageCalendar .DateEnd{
		display: inline-block;
	}
	#CottageCalendar .ifTime{
		display: none;
	}
	#CottageCalendar .emptyBox{
		display: none;
	}
	#CottageCalendar .WeekNumber{
		display: inline-block;
	}
	#CottageCalendar  #Top{
		width: 100%;
		display: inline-block;
		padding-left: 0px;
	}
	#CottageCalendar .arrow{
		font-size: 40px;
		padding-left: 7px;
		margin-right: 7px;
	}
	#mobile{
		display: block;
	}
	#window{
		position: fixed;
		width: auto;
		height: auto;
		left: 5%;
		right: 5%;
		bottom: 20%;
		top: 20%;
	}
}