﻿@media screen and (max-width: 800px) { /* Move the main menu bar over form ipad view */
	body.home #_ks_menu { /* Homepage position (ipad res) */
		width: 107%;
		left: -4px;
	}

	
	body #_ks_menu { /* other page position */
		width: 107%;
		margin-left: -21px;
	}

	/* menu bar text */
		#_ks_menu ul li {   
		margin-left: 20px; /* Spacing */
	}

	#_ks_menu ul li a {
		font-size: 13px;	/* text size */
	}
    
	/* IMAGE GRID */ /* text resolution for ipad size */
		._ks_image_grid h1 {
		font-size: 25px;
	}

	._ks_image_grid h2 {
		font-size: 22px;
	}

	#_ks_listing_agents h2 {
		font-size: 16px;
	}

	._ks_image_grid h3 {
		font-size: 18px;
		margin: -25px 0px 10px 0px;
	}

	._ks_image_grid .content h3 {
		font-size: 18px;
	}

	._ks_image_grid h4 {
		font-size: 12px;
	}

	/*    ._ks_image_grid h5 {
        font-size: 12px;
    }

    ._ks_image_grid a {
        font-size: 12px;
    }*/

	._ks_image_grid h5 {
		font-size: 12px;
	}

	._ks_video_block h2 {
		font-size: 35px;
	}
	
	._ks_video_block p {
		font-size: 18px;
	}

	/* VIDEO */

	._ks_video_block h2 {
		font-size: 25px;
		margin-top: 0px;
	}

	._ks_video_block p {
		font-size: 12px;
		margin-top: 20px
	}

	._ks_video_block img {
		width: 30px;
	}

@media screen and (max-width: 750px) {
    body.home #_ks_menu { /* Homepage position (ipad res) */
        margin-left: 0px;
    }

    body #_ks_menu {
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }



        #canned_searches {


      padding-top:20px;
    }

    .break-please {

        display:block;

    }
    .align.w-1140 {
		padding: 20px;
	}
	
	.align.w-940 {
		padding: 80px;
	}
	
	.align.w-600 {
		padding: 20px;
	}
	
	.align.w-400 {
		padding: 20px;
	}
	
	.align.h-800 {
		height: 800px;
	}
	
	.align.h-550 {
		height: 550px;
	}
	
	.align.h-300 {
		height: 300px;
	}
	
	.align.p-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.align.p-20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.align.p-10 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.align.p-none {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	._ks_image_grid h1 {
		margin: 0px 0px 20px 0px;
        font-size:25px;
	}

    ._ks_image_grid h2 {
        /*margin: -20px 0px 20px 0px;*/
        margin: 0px 0px 20px 0px;
    }

    ._ks_image_grid h3 {
        margin: -20px 0px 20px 0px;
    }

	._ks_image_grid .heading2 h3 {
		font-size: 14px;
		text-align: left;
	}

    #_ks_modal .close-button {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 6;
    }
	
	#_ks_modal .close-button img {
		width: 16px;
		cursor: pointer;
		position: absolute;
		right: 20px; bottom: -84px;
	}
	
	#_ks_social .column.left,
	#_ks_social .column.right {
		height: auto;
		padding: 25px;
	}
	
	#_ks_social span {
		/*display: block;
		padding: 0px 0px 10px 0px;*/
	}
	
	#_ks_social .icons {
		/*margin-left: -15px;*/
	}

    #_ks_social .column.left > span {
        margin-top: 0px;
    }
}

@media screen and (max-width: 750px) {

	/* GLOBALS */


    #breadcrumb {
        display: none;
    }

    #_ks_search_list h1 {
        font-size: 16px;
        
    }


    .center-button {


        width: 100%;


    }


    
    .get-in-touch {


        width:100%;
        margin-right:auto;

    }


    #subscribeMagazineDetailForm > div > h3 {

        margin-left: 0px;

    }



    .manager-toggle {

        text-align:center!important;

    }

    .auto-complete-item {
   
        font-size: 14px;
        width:100%;
    }

    .auto-complete-holder {
   
        width:100%;
        padding-right:25px;   

    }

    .auto-complete-holder_office {

        width:100%;
        padding-right:25px;  
    }

    .auto-complete-holder_office > .auto-complete-item {
	    width:100%;

    }
    #auto-complete-holder-agent-name {

    padding-right:40px;

    }



	body {
		padding-top: 50px;
	}

    .align.w-940 {
        padding: 20px;
    }

	.align.h-800 {
		height: 300px;
	}
	
	.align.h-550 {
		/*height: 300px;*/
		height: 680px;
	}
	
	.align.p-30 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.align.p-20 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.align.p-10 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.align.p-none {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#_ks_background {
		height: 400px;
	}
	
	/* MENU */

	#_ks_menu, body.home #_ks_menu {
		position: fixed;
		top: 0; right: 0; left: 0;
		width: 100%; height: 50px;
		border-bottom: 1px solid #ebebeb;
		background-color: white;
		z-index: 3;
	}

	#_ks_menu .logo {
		width: 85px;
		top: 16px; left: 50%;
		margin-left: -42px;
	}

	#_ks_menu ._ks_burger_button {
		display: block;
	}
	
	#_ks_menu .search.off {
		display: block;
	}
    
    #_ks_menu .language-switcher { /* Hide language selection on homepage and show in mobile menu*/
        display: none;
    }

    
    #_ks_menu .language-switcher-detail {
        top: 15px;
    }

    body #_ks_menu .language-switcher-detail {
        top: 15px;
    }

    #_ks_menu ul {
        display: none;
    }

	body.home #_ks_menu .logo.inverted { display: none; }
	body.home #_ks_menu .logo.normal { display: block; }
	
	/*#slide > section._ks_search_toolbar > div > div > div.segment.popup {

        margin-top:50px;
        display: block;

	}*/
	
	#_ks_search_mobile {
		margin-bottom: 13px;
	}
	
    ._ks_field.grey {


        font-size:20px!important;

    }

    ._ks_button.large {
        height: 50px;
    }
	._ks_search_tool .fields {
		margin-bottom: 5px;
		width: 100%;
	}
	
	._ks_search_tool .mobile {
		display: block;
	}
	
	._ks_search_tool .extended {
		display: block;
	}
	
	._ks_search_tool .desktop {
		display: none;
	}
	
    ._ks_search_tool .transaction { width: 100%; }
    ._ks_search_tool .keyword {      /* additional formatiing for mobile keyword search box - WL 20/07/2019  */
        width: 40%;
        position: absolute;
        transform: translate(0%,-15%);
    }

	._ks_search_tool .property { width: 100%; }
	._ks_search_tool .bedrooms { width: 100%; }
	._ks_search_tool .bathrooms { width: 100%; }
	._ks_search_tool .parking { width: 100%; }
	._ks_search_tool .min-price { width: 50%; }
	._ks_search_tool .max-price { width: 50%; }
    ._ks_search_tool .min-price-rent { width: 50%; }
	._ks_search_tool .max-price-rent { width: 50%; }
	._ks_search_tool .surrounding { width: 100%; }

    ._ks_search_tool .search {   /* position search button on mobile -WL 19/07/2019*/
        /*margin-top: 10px;*/
        margin-left: 100%;
        /*width: 100%;*/
        transform: translate(-122%,-20%);
    } 
	
	._ks_search_tool .price-range {
		display: none;
	}
	
	._ks_search_tool .surrounding {
		font-size: 14px;
		text-align: left;
	}

	._ks_search_tool .show-more {
		display: none;
	}

	/* INPUT */

	._ks_field,
	._ks_button,
	._ks_popup,
	._ks_popup select,
	._ks_label {
		font-size: 14px;
		padding: 17px;
	}
		
	._ks_field.large,
	._ks_button.large,
	._ks_popup.large,
	._ks_label.large,
	._ks_popup.large select {
		padding: 17px;
		font-size: 14px;
	}
	
	._ks_label {
		text-align: left;
	}
	
	._ks_label.large {
		background: none;
		font-family: 'Proxima Nova SemiBold';
		font-size: 18px;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
        background: #fff;
        padding-top: 24px;
	}
	
	._ks_popup {
		background-size: 20px auto;
		padding: 0;
	}
	
	._ks_popup:after {
		top: 50%; right: 17px;
		margin-top: -5px;
		width: 15px; height: 10px;
		background-size: 15px auto;
	}
	
	._ks_popup select {
		padding: 17px 35px 17px 12px;
	}
	
	._ks_popup .selected {
		width: 100%;
		padding: 12px 35px 12px 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	._ks_popup li {
		padding: 17px 12px;
	}

    ._ks_search_toolbar_options {   /*change position property to align search option bar left WL 05/08/2019 */
        position: inherit;
    }

    ._ks_search_toolbar .segment.message h1 {
        font-size: 16px;
    }

    /* IMAGE GRID */
	._ks_image_grid h1 {
		font-size: 20px;
		text-align: left;
	}

	._ks_image_grid h2 {
		font-size: 20px;
		text-align: left;
		
	}

	._ks_image_grid .heading2 {
	
		text-align: left;
		margin: 0px 0px 5px 0px;
	}
	
	._ks_image_grid .heading3 {
		font-size: 14px;
		text-align: left;
		margin: 0px 0px 5px 0px;
	}

    ._ks_image_grid .content h3 {
        font-size: 18px;
    }

	._ks_image_grid h4 {
		font-size: 12px;
	}

/*    ._ks_image_grid h5 {
        font-size: 12px;
    }

    ._ks_image_grid a {
        font-size: 12px;
    }*/

    ._ks_image_grid h5 {
        font-size: 12px;
    }
	
	.wm-33 h3,
	.wm-50 h3,
    .wm-50 .content h3,
	.wm-66 h3 {
		font-size: 16px;
	}
	
	.wm-33 h4,
	.wm-50 h4,
	.wm-66 h4 {
		font-size: 11px;
	}

	._ks_image_grid .grid {
		margin: -5px;
	}
	
	.wm-33 { width: 33.33%; }
	.wm-66 { width: 66.66%; }
	.wm-100 { width: 100%; } 
    .wm-170 { width: 125%; }  /* Increase agent cell size to 170% - WL */
	
	.wm-33.hm-33:before { padding-top: 100%; }
	.wm-66.hm-66:before { padding-top: 100%; }
	.wm-100.hm-100:before { padding-top: 100%; }
	
	.wm-66.hm-33:before { padding-top: 50%; }
	.wm-100.hm-33:before { padding-top: 33.33%; }
	
	.wm-33.hm-66:before { padding-top: 200%; }
	.wm-33.hm-100:before { padding-top: 300%; }
	
	.wm-50 { width: 50%; }
	.wm-50.hm-50:before { padding-top: 100%; }
	.wm-100.hm-50:before { padding-top: 50%; }
	.wm-50.hm-100:before { padding-top: 200%; }
	
	._ks_image_grid .padding {
		border: 5px solid transparent;
	}
	
	._ks_image_grid .content {
		border: 5px solid transparent;
	}
	
	._ks_image_grid .image.desktop {
		display: none;
	}
	
	._ks_image_grid .image.mobile {
		display: block;
	}


    /*._ks_image_grid .img-PH {
        max-height: 100%;
        max-width: unset;
        transform: translate(-20%);
    }*/

	/* HEADER */

	/*._ks_header_block .intro h1 { font-size: 30px; }
	._ks_header_block .intro h2 { font-size: 15px; margin: 0; }*/

    ._ks_header_block .intro headline { font-size: 30px; }
	._ks_header_block .intro strapline { font-size: 15px; margin: 0; }


	/* VIDEO */

	._ks_video_block h2 { font-size: 25px; margin-top: 0px; }
    ._ks_video_block p {   font-size: 12px;  margin-top: 20px } 
	._ks_video_block img { width: 30px; }


	/* PAGE BLOCKS */



    ._ks_header_block .page_header h1 {font-size: 30px;}   /* page_header form vendor, about, contact pages etc.  Needs to be seperate from .intro because of text animation used on home page*/

	._ks_page_block_a .column.left,
	._ks_page_block_a .column.right {
		display: block;
		width: auto;
		padding: 0px;
	}

	._ks_page_block_a .lower .column.left,
	._ks_page_block_a .lower .column.right {
		border: 0;
	}
	
	._ks_page_block_a .lower .column.left {
		border-bottom: 1px solid #DCDCDC;
	}
	
	._ks_page_block_a .lower .column.right {
		padding-top: 20px;
	}
	
	._ks_page_block_a h1 {
		font-size: 18px;
	}

	._ks_page_block_a h2 {
		font-size: 13px;
	}

	._ks_page_block_a p {
		font-size: 14px;
		margin-bottom: 15px;
	}

	._ks_page_block_a ul.dash-list {
		padding-left: 10px;
		margin-bottom: 20px;
	}

	._ks_page_block_a ul.dash-list li {
		font-size: 14px;
	}

	._ks_page_block_a ul.cell-list li {
		font-size: 12px;
		padding: 10px 15px;
	}

	._ks_page_block_a ul.attributes-list li {
		font-size: 14px;
	}

	._ks_page_block_a ul.attributes-list li strong {
		font-size: 16px;
	}

	._ks_page_block_a ul.link-list {
		max-width: none;
	}

	._ks_page_block_a ul.link-list li a {
		height: 50px;
		padding: 18px;
	}

	._ks_page_block_a table.contact-table {
		font-size: 14px;
	}

	
	
	/* PLAIN TEXT BLOCK */
	
	._ks_plain_text_block h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	
	._ks_plain_text_block .column {
		width: 100%;
		padding-right: 0px;
	}
	


	/* SEARCH SYSTEM */
	
	/** Toolbar **/
	
	._ks_search_toolbar .toolbar {
		/*padding-right: 50px;*/
	}
	
	._ks_search_toolbar .segment {
		border: 0;
		padding-bottom: 5px;
		height: auto;
	}
	
	._ks_search_toolbar .segment.view-mode {
		padding: 0px;
		position: absolute;
		top: 40px; left: 0px;
	}
	
	._ks_search_toolbar .segment.view-mode img {
		margin: 13px 0px 0px 5px;
		width: 20px;
	}

    ._ks_search_toolbar .segment.popup {
            padding: 5px 0px 0px 0px;
            margin: 0px -10px 0px -5px;
            width: 66%;
            margin-top: 4px;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 4px;
    }
	
	._ks_search_toolbar .refine {
		display: none;
	}
		
    ._ks_label_send_more > ._ks_label  {

        width:100%!important;
        text-align:center;
        font-size:18px;

    }

    ._ks_mini_form .cell.label {

    width: 100%!important;

    }
		._ks_mini_form .cell.submit {
    width: 100%!important;
}
	/* LOCATOR */

	._ks_mini_form .cell {
		width: 100% !important;
	}

    ._ks_mini_form .cell2 {
		width: 100% !important;
	}

    .response-button {

        width:100%;
        margin-top:0px;

    }


    .meet-buttons {

        clear:both;

    }
	/* SOCIAL */

	#_ks_social .column {
		width: auto;
		display: block;
		height: auto;
		position: relative;
	}

	#_ks_social .column.left {
		text-align: left;
		padding: 20px;
	}

	#_ks_social .column.right {
		padding: 20px;
	}

	#_ks_social span {
        display:none;
        margin-top:6px;
		font-size: 16px;
		padding: 0px;
	}

	#_ks_social form {
		position: absolute;
		top: 15px; right: 20px; bottom: 0; left: 130px;
	}

	#_ks_social input {
		background: transparent;
		padding: 5px;
		font-family: 'Proxima Nova Light';
		font-size: 14px;
		height: auto;
	}

	#_ks_social input.text {
		width: 75%;
	}

	#_ks_social input.submit {
		width: 25%;
        background: rgb(243, 108, 33);
	}

	#_ks_social input.submit:hover {
		background: rgb(243, 108, 33);
		border: 1px rgb(243, 108, 33) solid;
	}

    #_ks_social .icons {
        position: inherit;
        /*top: 15px; left: 115px;*/
        /*margin: 0;*/
    }

	#_ks_social .icon {
		width: 35px; height: 35px;
	}


	/* FOOTER */

	#_ks_footer .align {
		text-align: left;
	}

	#_ks_footer .column {
		width: auto;
		padding: 0px 0px 5px 0px;
		display: block;
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 15px;
	}

	#_ks_footer .column h4 {
		font-size: 14px;
		position: relative;
	}
	
	#_ks_footer .column h4:after {
		content: '';
		display: block;
		width: 20px; height: 10px;
		background: transparent url(../artwork/_ks_down_arrow.png) center no-repeat;
		background-size: contain;
		position: absolute;
		top: 5px; right: 0;
		transition: transform 500ms;
		-webkit-transition: -webkit-transform 500ms;
		-moz-transition: -moz-transform 500ms;
		-ms-transition: -ms-transform 500ms;
	}
	
	#_ks_footer .column h4.active:after {
		transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		-moz-transform: scaleY(-1);
		-ms-transform: scaleY(-1);
	}

	#_ks_footer .column ul {
		display: none;
	}

	#_ks_footer .column ul li {
		font-size: 13px;
	}

	#_ks_footer .other ul li:last-of-type {
		border: 0;
	}

	#_ks_footer .other {
		margin-top: 20px;
		text-align: center;
	}

	#_ks_footer .other ul li {
		padding: 0px 5px;
		margin: 10px 0px;
	}


	/* FOOTER */

	#_ks_popular_searches .align {
		text-align: left;
	}

	#_ks_popular_searches .column {
		width: auto;
		padding: 0px 0px 5px 0px;
		display: block;
		border-bottom: 1px solid #d1d1d1;
		margin-bottom: 15px;
	}

		#_ks_popular_searches .column h4 {
			font-size: 14px;
			position: relative;
		}

			#_ks_popular_searches .column h4:after {
				content: '';
				display: block;
				width: 20px;
				height: 10px;
				background: transparent url(../artwork/_ks_down_arrow.png) center no-repeat;
				background-size: contain;
				position: absolute;
				top: 5px;
				right: 0;
				transition: transform 500ms;
				-webkit-transition: -webkit-transform 500ms;
				-moz-transition: -moz-transform 500ms;
				-ms-transition: -ms-transform 500ms;
			}

			#_ks_popular_searches .column h4.active:after {
				transform: scaleY(-1);
				-webkit-transform: scaleY(-1);
				-moz-transform: scaleY(-1);
				-ms-transform: scaleY(-1);
			}

		#_ks_popular_searches .column ul {
			display: none;
		}

	#_ks_popular_searches .column ul li {
		font-size: 13px;
	}

	#_ks_popular_searches .other ul li:last-of-type {
		border: 0;
	}

	#_ks_popular_searches .other {
		margin-top: 20px;
		text-align: center;
	}

		#_ks_popular_searches .other ul li {
			padding: 0px 5px;
			margin: 10px 0px;
		}

    .development-quote {

        max-width:400px;
        float:left;
        padding:20px;
        padding-bottom:0;

    }
    #contactAgentDetailForm > div.endsection {
        margin-left: 0;
    }



    #_ks_contact_detail .cell {
        padding: 1px;
        display: block;
    }

    #_ks_contact_detail .name {
        width: 100%;
    }

    #_ks_contact_detail .email {
        width: 100%;
    }
    #_ks_contact_detail .phone {
        width: 100%;
    }



}