@media screen and (max-width: 767px) {
	#Header{
		height: 40px;
	}
		#Header:after{
			top: 40px;
		}
		#head_logo{
			background-size: 110px 23px;
			width: 110px;
			height: 23px;
			top: 10px;
		}
			.social_item, .mobile_item{
				height: 40px;
				width: 40px;
				background-size: 80px 40px;
			}
				.social_item:hover{
					background-position: -40px 0px;
				}
				.mobile_item.selected{
					background-position: -40px 0px;
				}
				.mobile_item.handler--pub{
					background-size: 39px 30px;
					margin-right: 5px;
					background-position: 0 5px !important;
				}

	.head_wdd{
		position: fixed;
		top: 40px;
		width: 100%;
		background-color: #fff;
		left: 0px;
		height: 20px;
		padding-top: 4px;
		z-index: 0;
		text-align: center;
		background-position: center 4px;
		border-bottom: 1px solid #eee;
		margin-left: 50px;
		text-indent: -110px;
	}
		.head_wdd:before{ content: ""; position: absolute; right: 100%; width: 50px; height: 20px; background: #fff; top: 0px;}

	#head_social{
		position: absolute;
		right: 0px;
		top: 60px;
		text-align: center;
		width: 100%;
		background: #fff;
		display: none;
	}
		.social_item{
			float: none;
		}
			.social_item:nth-child(1){
				border-right: 0px;
			}

	#head_mobile{
		display: block;
	}

	.section{
		width: 100%;
	}

	.monthr_head:after{
		top: 40px;
	}

	.monthr_days{
		padding-top: 40px;
	}
		.monthr_day{
			width: 100% !important;
			height: 135px !important;
		}

		.monthr_day.desktop--1 .monthr_day_title, .monthr_day.desktop--2 .monthr_day_title, .monthr_day.desktop--3 .monthr_day_title{
			font-size: 14px;
		}
			.monthr_day.desktop--1 .monthr_day_title .monthr_day_title_label, .monthr_day.desktop--2 .monthr_day_title .monthr_day_title_label, .monthr_day.desktop--3 .monthr_day_title .monthr_day_title_label{
				font-size: 20px;
			}

	.day_control_label{ display: none;}

	.monthr .select-target.select-theme-default{
		height: 40px;
		line-height: 42px;
		font-size: 28px;
	}
		.monthr .select-target.select-theme-default b{
			background: url("../img/icon-arrow-selected-month-box@2x.png") no-repeat 0 0;
			background-size: 150px 50px;
			width: 50px;
			height: 50px;
			right: 0px;
			top: 0px;
		}
			.monthr .select-target.select-open.select-theme-default b, .monthr .select-target.select-theme-default:hover b{
				background-position: -50px 0;
			}
			.monthr .select-target.select-theme-default b:before, .select-target.select-theme-default b:after{
				border: 0px;
			}

	.select.select-theme-default .select-options .select-option{
		font-size: 20px;
		height: 30px;
		line-height: 34px;
	}

	#focus_banner{ overflow: hidden;}

	#Handlers{
		top: 100px;
	}	
		#handlers_content--search{ height: 60px;}
			#search_input{ font-size: 16px; text-indent: 10px;}
			#search_cancel{ font-size: 10px; top: 0px; width: 90px; top: 17px; line-height: 12px; background-position: -10px -16px;}
			#search_button{ font-size: 16px;}

		#filter_items_selected_term{ font-size: 12px;}
			#filter_items_selected_term:after{ right: -24px; top: -2px;}
			#filter_cancel{font-size: 10px; width: 135px; right: 10px;}
			.filter_item{ margin-bottom: 5px; margin-right: 5px; padding: 0px 10px; line-height: 35px; height: 35px; font-size: 11px;}

		#focus_controls{ display: none;}
		#focus_controls--mobile{ display: block;}
			#focus_controls--mobile .day_control{
				-webkit-transform:translate(0, -50%);
				-ms-transform:translate(0, -50%);
				transform:translate(0, -50%);
				padding: 0;
				position: absolute;
				width: 32px;
				height: 32px;
				background: rgba(255,255,255,0.2);
			}
				#focus_controls--mobile .day_prev{ left: 0px;}
				#focus_controls--mobile .day_next{ right: 0px;}
				#focus_controls--mobile .day_control img{ width: 32px; display: block; height: 32px;}
				#focus_controls--mobile .day_control:before{ background: none !important;}

		#focus_close{ height: 40px; background-size: 50px 25px; width: 40px; background-position: 8px 6px;}
		#focus_date{ height: 40px;}
			#focus_date_day{ font-size: 23px; line-height: 45px;}
			#focus_date_month{ font-size: 14px;}
			#focus_date_label{ font-size: 10px; line-height: 10px; margin-left: 5px; padding-left: 10px; width: 200px;}

		#focus_share{ height: 44px;}
			.focus_share_item{ height: 44px; width: 44px;}
			.focus_share--fb, .focus_share--tw{ width: 44px;}
			.focus_share--fb:before, .focus_share--tw:before{ background-size:44px 44px;}
			.focus_share_item:before, .focus_share--mail:after{ background-size: 44px 44px; width: 44px; height: 44px;}
			.focus_share_item a{ width: 44px; height: 44px;}
				.focus_share_item a:hover{ background-position:-44px 0px;}
			.focus_share--fb a, .focus_share--pin a, .focus_share--tw a, .focus_share--mail a{ background-size: 88px 44px;}
			.focus_share_item .share_counter{ width: 44px; height: 44px; display: none;}
				.focus_share--mail:after{ left: 44px;}
			.focus_source{ top: 15px;}

	.footer_logo{
		display: none;
	}

	.footer_disclaimer{
		width: 100%;
		padding: 0 15px;
		text-align: left;
		left: 0px;	
	}
		.footer_link--wdd{
			position: absolute;
			right: 15px;
		}

	/* modals */
	.mymodal{ width:310px; padding: 50px 0px 10px;}
		.modal_form, .modal_confirm{ width: 95%;}
		.mymodal .modal_title{ font-size:12px; line-height: 15px; margin:70px 0 5px;}
		.modal_p{ margin: 2px 0px; font-size: 12px; line-height: 15px; vertical-align: top;}
		.mymodal .modal_title{ margin: 40px 0 10px;}
		.modal_title:before{ top: -60px;}

		#select_offer--days, #select_offer--days-button{ width: 80px;}
		#select_offer--months, #select_offer--months-button{ width: 210px;}
		.modal_form .ui-selectmenu-button{ height: 35px; line-height: 35px; font-size: 17px !important;}
			#select_offer--days-button .ui-selectmenu-text{ line-height: 25px;}
			.modal_form .ui-selectmenu-button span.ui-icon{ width: 35px; height: 35px; background-position: -82px -33px;}
			.modal_form .ui-selectmenu-button span.ui-selectmenu-text{ padding: 10px 37px 10px 2px;}
			#select_offer--months-button .ui-selectmenu-text{ line-height: 24px;}
			.mymodal .disclaimer{ font-size: 10px;}
		.input_email, .input_friend{ height: 35px; font-size: 12px; padding: 0 10px; line-height: 35px;}
		.bt_email{ font-size: 12px; line-height: 35px; height: 35px; width: 30%;}

		.modal_check{ width: 20px; height: 20px;}
		.modal_check.checked{ background-size: 20px 20px;}
		.modal_check_label{ font-size: 12px; height: 20px; line-height: 20px;}

		#modal--about .modal_title{ margin-top: 40px;}
			#modal--about .modal_title:before{ top: -48px;}
		#modal--about .modal_p{ padding: 0 10px; font-size: 12px; line-height: 15px;}

	.pub_share .share_bt:after{
		left: -40px;
	}

	/* wait page */
	.Wait{
		top: 0px;
		-webkit-transform:translate(-50%, 0);
		-ms-transform:translate(-50%,0);
		transform:translate(-50%, 0);
	}
		.wait_logo{
			background-size:100% 100%;
			margin: 10px 0 0;
			height: 135px;
			width: 300px;
		}
		.wait_baseline{
			margin: 0px 0px 10px;
		}

		.wait_text{
			padding: 40px 20px;
		}
			.wait_text_inner{
				width: auto;
				font-size: 13px;
			}

		.wait_input{
			width: 215px;
			display: block;
			margin: 0 auto;
		}
		.wait_bt{
			width: 115px;
			margin: 40px auto 0;
			display: block;
		}
	#focus_partner{ padding: 20px 4px;}
		.partner_title_text{
			display: inline-block;
			line-height: 22px;
			width: 260px;		
		}
		.media_thumb{ width: 98%; }
			.media_thumb_overlay{display: none;}
		.media_infos{ width: 98%; margin-top: 10px;}
		.media_logo{
			top: -70px;
			background-size: 40px 40px;
			width: 40px;
			height: 40px;
		}
		.related_block{ width: 98%; }

	#modal_cache{
		background: rgba(255,255,255,0.95);
	}

	#modal--pub{
		background: none;
		border-radius: 0px;
		width: 100%;
	}
		#modal--pub:before, #modal--pub:after{
			display: none;
		}
		.pub_bt{
			display: block;
			position: relative;
			left: 50%;
			margin: 0 0 5px -70px;
		}
		.pub_image{
			width: 300px;
			height: 238px;
		}
}

 @media screen and (orientation:landscape) and (max-width: 600px) {
 	#Header{
 		display: none;
 		height: 0px;
 	}

 	#Application{
 		margin-top: 0px;
 	}

 	#DayFocusContainer{
 		padding-top: 0px;
 	}

 		#focus_banner{ overflow: hidden;}

 	#Footer{
 		display: none;
 	}
 }