/* Large desktop */
@media ( min-width : 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media ( min-width : 768px) and (max-width: 979px) {
	.frontpageCompanyInfo {
		/* width: 314px; */
		
	}
	.frontpageCompanyNews {
		width: 150px;
	}
	header #block-user-login {
		top: 3px;
	}
	#block-aika24-enduser-company-company-search {
		top: 59px;
		right: 260px;
		position: absolute;
	}
	.frontpageCompany-active .frontpageCompanyInfo-more {
		margin-left: 203px;
	}
	#company_info #company_info_carousell {
		width: 100%;
	}
	#company_info #company_info_carousell #carousell_slides {
		width: 100%;
	}
	.marketingCampaigns {
		width: 134px !important;
		height: 134px !important;
		margin-left: 0 !important;
	}
	.reservation_header_step {
		min-width: 126px;
		padding: 5px 1px 5px 3px;
	}
	.reservation_header_step_shorter {
		min-width: 85px;
	}
	.reservation_progress_circle {
		width: 30px;
		height: 30px;
		line-height: 1.0em;
		font-size: 2.0em;
		margin-right: 4px;
	}
	.reservation_progress_circle_active {
		width: 30px;
		height: 30px;
		line-height: 1.0em;
		font-size: 2.0em;
	}
	.reservation_steps_triangle_down {
		left: 45px;
	}
}
/* Landscape phone to portrait tablet */
@media ( max-width : 767px) {
	body {
		background: #616060;
	}
	#messages {
		width: initial;
	}
	#header_wrapper, #top_background {
		margin-left: -20px;
		margin-right: -20px;
	}
	#top_background {
		padding-left: 20px;
		padding-right: 20px;
	}
	#main_template_header_background {
		height: 46px;
		width: 100%;
	}
	#top_background_restricted {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#powered_by_image {
		height: 34px;
		width: initial;
	}
	#main_template_header_top {
		height: 46px;
	}
	#powered_by_text {
		font-size: 12px;
		line-height: 100%;
	}
	#restricted-company-name {
		left: 90px;
		top: 9px;
	}
	#main_template_header_phone_logo {
		height: 46px;
		width: 113px;
		background-size: contain;
	}
	#main_template_header_phone_background {
		height: 46px;
	}
	#logged-in-user-details, #login_button_mobile_div {
		top: 8px;
	}
	.frontpageCompanyImage {
		width: 79px;
		height: 79px;
		float: left;
	}
	.frontpageCompanyInfo {
		width: 68%;
		float: left;
		padding-left: 5px;
	}
	.frontpageCompanyDistance {
		width: 11%;
		float: left;
		font-size: 16px;
		line-height: 20px;
		margin-top: 0;
	}
	/*
	.frontpageCompanyNews {
		width: 100px !important;
		height: 100px;
		float: left;
	}
	.frontpageCompanyNews .marketingCampaignMessageWrapper-cell {
		width: 100px;
		height: 100px;
	}
	*/
	.frontpageCompanyInfo h3 {
		font-family: 'Roboto';
		font-size: 16px;
		font-weight: 700;
		margin: 0;
		line-height: 20px;
		font-size: 16px;
	}
	.frontpageBusinessBranch {
		font-size: 14px;
		line-height: 20px;
		margin-right: 20px;
	}
	#frontpageBusinessBranchContainer-wrapper {
		margin-top: 15px;
		border: 0;
	}
	#frontpageBusinessBranchContainer {
		background-color: transparent;
	}
	header #block-user-login {
		display: none;
	}
	#block-aika24-enduser-user-mobile-login {
		display: block;
	}
	/*
	#block-aika24-enduser-company-company-search {
		float: left;
		position: relative;
		left: 222px;
		top: 17px;
		z-index: 666;
		clear: right;
	}
	*/
	#block-aika24-enduser-company-company-search {
		float: left;
		position: relative;
		left: 112px;
		top: 10px;
		z-index: 1;
		clear: none;
	}
	.frontpageCompanyNews .marketingCampaignMessageWrapper-content>.price {
		font-size: 24px;
		line-height: 28px;
		width: 100%;
		overflow: hidden;
	}
	.frontpageCompanyNews .marketingCampaignMessageWrapper-content>.message,
		.frontpageCompanyNews .marketingCampaignMessageWrapper-content>.additional
		{
		font-size: 14px;
		line-height: 14px;
	}
	.btn-aika24-red, .btn-aika24-light-blue {
		font-size: 14px;
	}
	.frontpageCompany-active .frontpageCompanyInfo-more {
		margin-left: 81px;
	}
	.mapBox-wrapper-active {
		height: 300px;
	}
	.frontpageCompanyInfo-map {
		height: 300px;
	}

	/** Location **/
	#frontpageLocationInputContainer-wrapper {
		height: 100%;
	}
	#frontpageLocationInputSearchButton>.fa-2x {
		font-size: 1em;
	}
	#frontpageLocationInputSearchButton>.fa-2x {
		font-size: 1em;
	}
	#frontpageLocationInputInput {
		width: 100%;
	}
	#frontpageLocationInputButton {
		padding-left: 30px;
	}
	#locationInput {
		width: 86%;
		font-size: 12px;
		padding-right: 30px;
	}
	#frontpageLocationInputContainer {
		top: 0;
		width: 80%;
		margin-left: 0px;
	}
	#frontpageLocationInputSearchBox {
		
	}
	#frontpageLocationInputLocateUserButton {
		margin-right: 0px;
		right: -55px;
		font-size: 1em;
	}
	#frontpageLocationInputLocateUserButton>button {
		border-radius: 30px;
		background-position: 3px 4px;
		padding: 0;
		width: 40px;
	}

	/** Slogan **/
	#frontpageSloganContainer-wrapper {
		min-height: 52px;
	}
	#frontpageSloganContainer {
		top: 0;
	}
	#frontpageTopContainer {
		min-height: 237px;
	}
	#company_info #company_info_carousell {
		width: 100%;
	}
	#company_info #company_info_carousell #carousell_slides {
		width: 100%;
	}
	#content-wrapper {
		margin-left: -20px;
		margin-right: -20px;
	}
	.region-right-sidebar {
		padding-left: 10px;
		padding-right: 10px;
	}
	.reservation_progress_text {
		font-size: 14px;
	}
	.reservation_progress_circle {
		width: 20px;
		height: 20px;
		line-height: 1.4em;
		font-size: 14px;
	}
	.reservation_header_step {
		padding: 3px;
		min-width: 119px;
		width: 10%;
	}
	#reservation_wizard_steps {
		margin-left: -5px;
		margin-right: -5px;
	}
	.reservation_header_step_shorter {
		min-width: 78px;
	}
	.reservation_steps_triangle_down {
		left: 28px;
	}
	.dropdown-menu {
		right: 0;
		left: initial;
	}
	/*
	.confirm-parent, .password-parent {
		clear: left;
		margin: 0;
		width: initial;
	}
	.password-strength {
		width: 69%;
		margin-top: 0;
	}
	div.password-confirm {
		margin-top: 0;
		width: initial;
	}
	*/
	.aika24-tabbable ul.nav-tabs>li a, .aika24-tabbable ul.nav-tabs>li a:hover
		{
		font-size: 14px;
	}
	.contact-button {
		display: none;
	}
}
/* Landscape phones and down */
@media ( max-width : 479px) {
	h3 {
		font-size: 16px;
	}
	#main_template_header_top {
		height: 46px;
	}
	#frontpageTopContainer {
		min-height: 230px;
	}
	#frontpage-wrapper {
		margin-right: -15px;
		margin-left: -15px;
	}
	#main_template_header_logo {
		left: 10px;
	}
	#main_template_header_phone_background {
		height: 46px;
	}
	#main_template_header_phone_logo {
		height: 46px;
		width: 113px;
		background-size: contain;
	}
	#block-aika24-enduser-company-company-search {
		float: left;
		position: relative;
		left: 112px;
		top: 10px;
		z-index: 1;
		clear: none;
	}
	#frontpageSloganContainer-wrapper {
		
	}
	#frontpageSloganContainer {
		top: 0;
	}
	#frontpageLocationButton {
		display: block;
		position: relative;
		top: -8px;
		width: 100px;
		margin-right: auto;
		margin-left: auto;
	}
	#frontpageLocationInfoText {
		top: -8px;
	}
	#frontpageBusinessBranchPhoneContainer {
		top: -8px;
	}
	.adRotateText {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		font-size: 20px;
		top: -22px;
		left: 3px;
	}
	.adTitle {
		
	}
	.adMiddleText {
		font-size: 30px;
	}
	.frontpageAd {
		height: 86px;
	}
	#frontpageBusinessBranchContainer {
		top: 0;
	}
	#frontpageCompanyContainer {
		padding: 5px;
	}
	.frontpageCompany-info-address {
		margin-left: 0;
	}
	.frontpageCompany-active .frontpageCompanyDescription {
		margin-left: 0;
		font-size: 12px;
	}
	.frontpageCompanyBusinessBranchesContainer {
		min-height: 30px;
	}
	.frontpageCompany {
		max-height: 91px;
	}
	.frontpageCompany-active {
		max-height: 2000px;
	}
	.frontpageCompany-active .frontpageCompanyInfo-more {
		margin-left: 15px;
	}
	.frontpageCompanyInfo {
		width: 60%;
	}
	.frontpageCompanyDistance {
		font-size: 12px;
	}
	.defaultPadding {
		padding: 0 7px 0 7px;
	}
	#user-pass-reset {
		padding: 0 7px 0 7px;
	}
	#user-cancel-confirm-form>div {
		padding: 0 7px 0 7px;
	}

	/* Reservation progress */
	#no_free_times, #no_free_times_for_date {
		color: #000000;
		font-size: 18px;
		line-height: 20px;
		font-weight: 300;
		font-style: italic;
		text-align: left;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.select-employee-employee {
		height: initial;
		width: 60px;
	}
	.selectable-employee-picture img {
		max-width: 100%;
		max-height: 100%;
	}
	.selectable-employee-picture {
		height: 65px;
		width: 100%;
	}
	.selectable-employee-name {
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 12px;
		line-height: 110%;
	}
	.select-employee-employee-wrapper {
		margin-right: 0;
	}
	.servicegroup-table {
		padding: 15px 5px 15px 5px;
	}
	.servicegroup-name {
		font-weight: 400;
		font-size: 14px;
	}
	.tab-content ul.servicegroups>li {
		padding: 3px 13px 0 3px;
	}
	h1.reservation_additional_header {
		font-size: 24px;
	}
	#reservation_additional_information_left {
		width: 100%;
		margin-right: 0;
	}
	#aika24-enduser-reservation-form .controls div.form-type-checkbox>label
		{
		padding: 15px 5px 15px 5px;
		font-size: 14px;
	}
	#reservation_additional_information_right {
		width: 100%;
	}
	#edit-box {
		top: 0;
	}
	#reservation_complete_right #edit-feedback {
		width: 100%;
	}
	.service-name-link {
		font-size: 14px;
	}
	.popover-content {
		font-size: 14px;
	}
	tr.space_between_hours td {
		padding-top: 8px;
	}
	#user-register-form input {
		width: 100%;
		box-sizing: border-box;
		/*	padding: 14px 6px; */
		height: auto;
	}
	#user-profile-form input {
		width: 100%;
		box-sizing: border-box;
		/*		padding: 14px 6px; */
		height: auto;
	}
	.password-strength {
		width: 226px;
		position: absolute;
		left: 88px;
		margin-top: 0;
	}
	div.password-confirm {
		margin-top: 0;
		position: absolute;
		visibility: hidden;
		width: 226px;
		left: 137px;
	}
	#aika24_enduser_user_form_user_pass_form input, #user-login input {
		width: 100%;
		box-sizing: border-box;
		/* padding: 14px 6px; */
		height: auto;
	}
	#company_search {
		width: 130px;
		font-size: 12px;
	}
	#logged-in-user-details, #login_button_mobile_div {
		right: 5px;
	}
	.frontpageCompanyInfo ul li {
		line-height: 14px;
	}
	#aika24-enduser-company-search-form {
		margin: 0;
	}
	#reservation_header_links {
		margin: 0;
	}
	h1#reservation_company_name {
		font-size: 26px;
		line-height: 26px;
	}
	td.calendar_selectable_time {
		font-size: 14px;
	}
}