/* Wide desktop size */
@media only screen and (min-width: 996px) {
}

/* Normal desktop size */
@media only screen and (min-width: 768px) {
	.show-xs,
	.show-xs-inline,
	.show-m,
	.show-m-inline{
		display: none !important;
	}
}

/* Tablet Portrait size to Base 996px  (ipad mini) */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	/*content*/
	footer .footer-callout-box,
	header .floating-callout .floating-callout-box{
		font-size: 18px;
	}
	header nav ul li a {
	    padding: 0px 5px;
	    font-size: 14px;
	}	
	.tel_fent {
		padding: 0px 0 0 5px;
	}
	header nav .search, header nav .favourites {
		margin-left: 0px;
	}
	header nav .button {
		font-size: 14px;
		padding: 10px 7px;
	}
	button.button{
		min-width: 100px;
	}
	form .inputgroup > input[type='text']{
		max-width: calc(65px - 20px);
		padding: 3px 5px;
	}
	form .inputgroup > input[type='text'].medium {
		width: calc(105px - 20px);
		max-width: calc(105px - 20px);
	}	
	div.favourites-wrapper > div{
		margin: 5px;
	}
	div.labeled-box > h1{
		font-size: 15px;
	}

	.button.button-white{
		min-width: 74px;
	}
	div.flat-data p{
		font-size: 14px;
	}
	form.sidebar .checkbox-wrapper label {
		min-width:110px;
	}
	form.sidebar .checkbox-wrapper label:nth-child(2n):after {
		margin-right: 0;
	}
	.container div.map-search .map-area .grid_8  {
		margin-left: 5px;
		width: 497px;
	}
	
}

@media only screen and (max-width: 995px) {
	.lapozonak {
		display: none;
	}
	.footer-area > div {
		width: 50%;
	}
	.lapozo_fent {
		display: block;
		margin-bottom: 1em;
	}
	.map-search {
		margin-bottom: 1em;
	}
	div.result-card a.card-image {
		height: 152px;
	}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.container .grid_1,
	.container .grid_2,
	.container .grid_3,
	.container .grid_4,
	.container .grid_5,
	.container .grid_6,
	.container .grid_7,
	.container .grid_8,
	.container .grid_9,
	.container .grid_10,
	.container .grid_11,
	.container .grid_12{
		margin: 0px auto;
		display: block;
	}

	/* general */
	.hidden-m{
		display: none !important;
	}

	.grid-hw,
	.grid-fw{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
	}
		.grid-hw,
		.grid-hw{
			position: relative;
			display: block;
			width: 100%;
			max-width: 100%;
			padding: 0px;
			margin: 0px;
			float: none;
		}

    .grid-100, .grid-50, .grid-33{
    	padding: 0px 5px;
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
		clear: both;    	
    }
	form > .grid-33 {
		clear: none;
		width: auto;
		max-width: none;
		padding: 0;
	}
	.let_my_apartment form > .grid-33.csop1,
	.let_my_apartment form > .grid-33.csop2,
	.let_my_apartment form > .grid-33.csop3 {
    	padding: 0px 5px;
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
    	padding: 0px;
		width: 100%;
		max-width: 100%;
		clear: both;    	
	}	
	form > .grid-33 input {
    	width: calc(100% - 32px);  	
	}	
	.let_my_apartment form .inputgroup {
		min-width: calc(100% - 22px);
	}
	/* content */
	main > div.container{
		padding-top: 52px;
	}

	div.callout-big{
		font-size: 30px;
		margin-top: 1em;
	}
	div.callout-sub{
		font-size: 25px;
	}
	.map-search{
		padding: 0px !important;
		text-align: center;
	}
	div.map-search .footer-area form{
		float: none;
	}
	div.result-card{
		height: auto;
		padding-bottom: 40px;
	}
	.result-card img{
		width: 100%;
	}
	.footer-callout-box .email_lablec,
	.footer-callout-box span {
		display: none;
	}
	footer nav ul, footer nav ul li{
		display: block;
		height: auto;
	}
	footer nav ul li a{
		border: 0px;
	}
	div.modal-window{
		position: absolute;
		height: 100%;
	}
	div.modal-window .labeled-box{
		transform: none;
		top: 0px;
	}
	div.labeled-box div.border-wrapper{
		min-height: 0px;
	}
	
	div.labeled-box .border-callout-box,
	header .floating-callout .floating-callout-box {
		line-height: 25px;
		height: 60px;		
		font-size: 20px;
		padding-top: 5px;
	}
	header .floating-callout{
		margin-top: -1px;
	}	
	div.flat-data:after{
		display: none;
	}
	span.labeled-image-wrapper{
		width: 100%;
	}	
	div.labeled-box{
		margin-top: 5em;
	}
	div.labeled-box > h1{
		left: 10px;
		max-width: calc(100% - 40px);
	}
	div.favourites-wrapper > div.grid_4 {
		margin: 5px 5px 1em 5px !important;
		width: calc(100% - 10px) !important;
	}
	div.map-search{
		min-height: 0px;
	}
	form label.small{
		min-width: 133px;
	}
	.container .lapozo_fent {
		margin-bottom: 1em;
		margin-top: 1em;
	}
	div.result-card .content {
		padding-bottom: 0;
	}	
	form .checkbox-wrapper.balcony label {
		min-width: 130px;
	}	
	form.sidebar {
		padding: 12px 0px 0px 0px;
	}
	.container div.map-search,
	.container div.map-search .map-area .grid_4  {
		width: 335px;
	}
	.let_my_apartment form .details_gomb {
		top: 0;
	}
	div.mobile nav {
		text-align: center;
	}
	div.mobile nav .favourites .badge {
		left: 30px;
	}
	div.mobile h4 a {
		position: absolute;
		right: 10px;
	}
	header .phone .fa-phone  {
		top: 2px;
		position: relative;
	}
	header .search .fa-search  {
		font-size: 29px;
		position: relative;
		top: -1px;
	}
	div.result-card a.card-image {
		height: 264px;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
	/* 996gs hotfix */
	.container {
		width: 100vw;
	}
    .container .grid_1,
    .container .grid_2,
    .container .grid_3,
    .container .grid_4,
    .container .grid_5,
    .container .grid_6,
    .container .grid_7,
    .container .grid_8,
    .container .grid_9,
    .container .grid_10,
    .container .grid_11,
    .container .grid_12	{
        width: 90vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

	/*nested*/
	.grid_1 .grid_1, .grid_2 .grid_1, .grid_2 .grid_2, .grid_3 .grid_1, .grid_3 .grid_2, .grid_3 .grid_3, .grid_4 .grid_1, .grid_4 .grid_2, .grid_4 .grid_3, .grid_4 .grid_4, .grid_5 .grid_1, .grid_5 .grid_2, .grid_5 .grid_3, .grid_5 .grid_4, .grid_5 .grid_5, .grid_6 .grid_1, .grid_6 .grid_2, .grid_6 .grid_3, .grid_6 .grid_4, .grid_6 .grid_5, .grid_6 .grid_6, .grid_7 .grid_1, .grid_7 .grid_2, .grid_7 .grid_3, .grid_7 .grid_4, .grid_7 .grid_5, .grid_7 .grid_6, .grid_7 .grid_7, .grid_8 .grid_1, .grid_8 .grid_2, .grid_8 .grid_3, .grid_8 .grid_4, .grid_8 .grid_5, .grid_8 .grid_6, .grid_8 .grid_7, .grid_8 .grid_8, .grid_9 .grid_1, .grid_9 .grid_2, .grid_9 .grid_3, .grid_9 .grid_4, .grid_9 .grid_5, .grid_9 .grid_6, .grid_9 .grid_7, .grid_9 .grid_8, .grid_9 .grid_9, .grid_10 .grid_1, .grid_10 .grid_2, .grid_10 .grid_3, .grid_10 .grid_4, .grid_10 .grid_5, .grid_10 .grid_6, .grid_10 .grid_7, .grid_10 .grid_8, .grid_10 .grid_9, .grid_10 .grid_10, .grid_11 .grid_1, .grid_11 .grid_2, .grid_11 .grid_3, .grid_11 .grid_4, .grid_11 .grid_5, .grid_11 .grid_6, .grid_11 .grid_7, .grid_11 .grid_8, .grid_11 .grid_9, .grid_11 .grid_10, .grid_11 .grid_11, .grid_12 .grid_1, .grid_12 .grid_2, .grid_12 .grid_3, .grid_12 .grid_4, .grid_12 .grid_5, .grid_12 .grid_6, .grid_12 .grid_7, .grid_12 .grid_8, .grid_12 .grid_9, .grid_12 .grid_10, .grid_12 .grid_11, .grid_12 .grid_12{
		padding: 0px;
		margin: 0px;
		width: 100%;
	}

    .grid-100, .grid-50, .grid-33{
    	padding: 0px 5px;
		width: calc(100% - 10px);
		max-width: calc(100% - 10px);
		clear: both;    	
    }
	form > .grid-33 {
		clear: none;
		width: auto;
		max-width: none;
		padding: 0;
	}
	.let_my_apartment form > .grid-33 {
    	padding: 0px 5px;
		width: calc(100% - 10px);
		max-width: calc(100% - 10px);
		clear: both;    	
	}	

	.hidden-m{
		display: none !important;
	}

	.hidden-xs{
		display: none !important;
	}
	.show-xs{
		display: block !important;
	}
	.show-xs-inline{
		display: inline-block !important;
	}

	/*content*/
	form.sidebar{
		padding-left: 0px;
	}

	div.labeled-box .border-callout-box,
	header .floating-callout .floating-callout-box {
		line-height: 25px;
		height: 60px;		
		font-size: 20px;
		padding-top: 5px;
	}
	header .floating-callout{
		margin-top: -1px;
	}


	
	form .inputgroup{
		/*min-width: calc(100% - 22px);*/
	}
	form input[type='text']{
		/*min-width: calc(100% - 32px);*/
	}
		form .inputgroup > input[type='text']{
			/*min-width: 0px;*/
		}
		form .grid-33{
			text-align: center;
		}

}

/* Extra Small Mobile Portrait */
@media only screen and (max-width: 370px) {

	form input[type='text'] {
		width: calc(270px - 32px);
	}
	form.sidebar .SumoSelect {
		width: calc(300px - 32px);
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	form textarea{
	}
	form select{
		width: calc(270px - 0px);
	}
		form textarea.medium,
		form input.medium{
			width: 320px;
		}
			form textarea.full,
			form input.full{
				width: calc(100% - 32px);
			}

	form .inputgroup{
		width: calc(270px - 22px);
	}
		form .inputgroup > input[type='text'] {
			width: calc(90px - 20px);
			padding-left: 5px;
			padding-right: 5px;
		}

	div.labeled-box .border-callout-box,
	header .floating-callout .floating-callout-box{
		font-size: 16px;
	}


	.carousel-head .carousel-handle,
	.carousel-head .carousel-handle > i{
		font-size: 30px;
	}

	button.button{
		min-width: 136px;
	}
	.container div.map-search,
	.container div.map-search .map-area .grid_4  {
		width: 320px;
	}
	.bezaras {
		right: -10px;
	  	top: -16px;
	}
	.map-search .bezaras {
		top: -14px;
		right: 0;
	}

}